@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
	.select2-selection{
		height: 37px !important;
	}
</style>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<div class="nk-content nk-content-fluid" >
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Gst Reports</h3>
                        <!--<div class="nk-block-des text-soft">
                            <p>You have total 1 walletrequest.</p>
                            </div>-->
                    </div>
                    <!-- .nk-block-head-content -->
                </div>
                <!-- .nk-block-between -->
            </div>
            <!-- .nk-block-head -->
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <!-- /.card -->
            <!-- /.card -->

        <div class="card">
          <div class="card-header">
            <h5 class="card-title">Search</span></h5>
          </div>
          <!-- /.card-header -->
          <div class="card-body">
            <!-- .nk-block-head -->
            <form method="get" action="{{ route('gst_report') }}" enctype="multipart/form-data">
                @csrf
                <div class="container">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group ">
                                <label for="exampleInputEmail1">From Date</label>
                                <input type="date" name="from" class="form-control" value="{{  $filter['from'] }}">
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group ">
                                <label for="exampleInputEmail1">To Date</label>
                                <input type="date" name="to" class="form-control" value="{{ $filter['to'] }}">
								
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group ">
                                <label for="exampleInputEmail1">Users</label>                               
                                @if ($errors->has('search'))<span class="text-danger">{{ $errors->first('search') }}</span>@endif
								<select class="form-control select2" id="select-user" name="user_id">
									<option value="">Select</option>
									@foreach($users as $user)					
										<option value="{{$user->id}}" @if($filter['user_id']==$user->id) selected @endif >{{$user->name}} ({{$user->user_id}})</option>
									@endforeach		
						 
                               </select>
                            </div>
                        </div>
                        <div class="col-sm-4"><br>
                            <button type="submit" class="btn btn-primary margin-top">Submit</button>
                            <button type="reset" class="btn btn-primary margin-top"><a href="{{ route('transaction') }}" style="color:white" >Reset</a></button>
                        </div>

                      </div>
                </div>
            </form>
         <!-- .nk-block -->
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
            <div class="card" style="margin-top: 50px;">
                <!--<div class="card-header">
                    <h3 class="card-title" style="font-size: 2.1rem;">Stock Details List</span></h3>
                    </div>-->
                <!-- /.card-header -->
                <div class="card-body">
                    <table id="example1" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th >SN</th>
                                <th >User Name</th>
								<th >User Id</th>
								<th >Mobile</th>
                                <th>Total Taxable Value</th>
								<th>IGST</th>
								<th>SGST</th>
								<th>CGST</th>	
                                <th>Total GST</th>									
                                <th >Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php 
                            $i=1;
                            @endphp
                            @foreach($gstreports as $data)
                            <tr>
                                <td>{{ $i++ }}</td>
                                <td>
                                    <span class="tb-lead">{{ $data->user->name ?? $data->user_id }}</span>                                   
                                </td>
								 <td>
                                    <span class="tb-lead">{{ $data->user->user_id ?? '' }}</span>                                   
                                </td>
								 <td>
                                    <span class="tb-lead">{{ $data->user->phone ?? '' }}</span>                                   
                                </td>
                                <td>{{ $data->total_amount }}</td>                
							    <td>{{ $data->igst }}</td>                
							    <td>{{ $data->sgst }}</td>                
							    <td>{{ $data->cgst }}</td> 
								<td>{{ $data->igst+$data->sgst+$data->cgst }}</td>     
                                <td>{{ date_format($data->created_at, 'Y-m-d h:i:s A') }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
</div>
<script>
    $('.select2').select2();
</script>
@endsection