@extends('layouts.app')
@section('title') {{'Sales Invoce List'}} @endsection
@section('content')

    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading"> Sales Invoce List  
                <a href="{{ url('/sales') }}" class="pull-right"> Back </a>
            </div>

            <div class="panel-body"> 
                @if (Session::has('msg'))
                    <div class="alert alert-info">{{ Session::get('msg') }}</div>
                @endif
                <div class="form-group">         
                    <form method="get" action="" >
                    <div class="col-md-3">
                        Search Customer
                        <select name="id" id="id"data-live-search="true" class="form-control selectpicker">
                            <option value=""> All </option>
                            @if(isset($supplier_list))
                                @foreach($supplier_list as $val)
                                    <option value="{{ $val->id }}"  @if(isset($_GET['id']) && $_GET['id'] == $val->id) selected="selected" @endif >{{ $val->id }} - {{ $val->name }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="col-md-2">
                        Start Date
                        <input id="start_date" type="text" class="form-control" autocomplete="off" name="start_date" value="{!! @$_GET['start_date'] !!}" required >
                    </div>
                    <div class="col-md-2">
                        End Date
                        <input id="end_date" type="text" class="form-control" autocomplete="off" name="end_date" value="{!! @$_GET['end_date'] !!}" required >
                    </div>
                    <div class="col-md-2">
                        <br/> &nbsp;
                        <button type="submit" class="btn btn-success">Search</button>
                    </div> 
                    </form>      
                </div>

                <a class="pull-right btn btn-info margin" href="{{ url('/sales/create') }}" > Create New </a>
<div class="form-group mt-1" style="width:100%; overflow: scroll;" >

                <table id="myTablePrint" class="table table-striped table-hover">
                    <thead class="header" id="myHeader"> 
                    <tr>
                        <th> S.N.</th>
                        <th> Sales Date </th>
                        <th> Sales No. </th>
                        <th> Customer Name </th>
                        <th> Sales Value </th>
                        <th> Status </th>
                        <th> Details </th> 
                        <th> Action </th> 
                    </tr>
                    </thead>
                    <tbody>
                    @php $i=0; @endphp
                    @if($orders_list)    
                    @foreach($orders_list as $row)
                       @php $i++;  @endphp
                        <tr>
                            <td>{{$i}}</td>
                            <td>{{date('d-m-Y', strtotime($row->txn_date))}}</td>
                            <td>{{$row->id}}</td> 
                            <td>{{$row->name}}</td>
                            <td style="text-align:right; padding-right: 30px;">{{ number_format($row->total_value,2) }}</td>
                            <td>
                                @if(isset($row->status) && $row->status ==0)
                                    Waiting for Admin
                                @else
                                    Confirmed
                                @endif
                            </td>
                            <td>
                                <a href="{{ url('/sales/'.$row->id) }}" class="btn btn-primary pull-left">View</a>
                            </td>
                            <td style="width: 70px;">
                                @if(isset($row->status) && $row->status ==0)
                                <a href="{{ url('/sales/'.$row->id.'/edit') }}"> 
                                  <i class="fa fa-edit" style="color:green"></i> </a>
                                  
                                   | 
                                  @if (Auth::user()->parent_id == "0")
                                <form  class="pull-right delete" action="{{ url('/sales/'.$row->id) }}" method="post" onsubmit="return confirm('Are you sure you want to delete?')" >
                                     {{method_field('DELETE')}}
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <button type="submit"><i class="fa fa-remove" style="color:red"></i></button>
                                </form>
                                @endif
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    @endif

                    </tbody>
                </table>
            </div>
            </div>
        </div>
    </div>
<style>
    table.table.text-center.table-striped.table-hover.fixedHeader .header tr th {
        position: sticky;
        top: 0;
        /* width: 109%; */
        background: #D9E5D8;
    }

    table#myTablePrint thead#myHeader{
        position: sticky;
        top: 0;
        /* width: 109%; */
        background: #D9E5D8;
    }
    table.table.text-center.table-striped.table-hover.fixedHeader .header tr:last-child th{
        top: 32px;
    }
</style>
<script>

    jQuery( function($) {
        $( "#start_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
        $( "#end_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
    } );


</script>

@endsection