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

    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">Sample List </div>
            @if (Session::has('msg'))
                    <div class="alert alert-info">{{ Session::get('msg') }}</div>
            @endif
            <form action="" method="get" >
            <div class="form-group">
                <label for="name" class="col-md-1 control-label"> Date :  </label>
                <div class="col-md-2">
                    <input id="start_date" type="text" autocomplete="off" class="form-control" name="start_date" value="{!! @$_GET['start_date'] !!}" required >
                </div>
                <div class="col-md-1">
                    <button type="submit" class="btn btn-primary">Search</button>
                </div>
            </div>
            </form>
            <div class="panel-body">
                <a class="pull-right btn btn-info" href="{{ url('/freesample/create') }}" > Create New </a>
                <table id="myTable" class="table table-striped table-hover">
                    <thead class="header" id="myHeader">
                    <tr>
                        <th> S.N.</th>
                        <th> Sample No. </th>
                        <th> Type </th>
                        <th> Date </th>
                        <th> Supplier/Customer Name </th>
                        <th> Stock Value </th>
                        <th> Details </th>
                        <th> Action </th>
                    </tr>
                    </thead>
                    <tbody>
                    @php $i=0; @endphp
                    @if($stockout_list)    
                    @foreach($stockout_list as $row)
                       @php $i++;  @endphp
                        <tr>
                            <td>{{$i}}</td>
                            <td>{{$row->id}}</td>
                            <td>{{$row->so_type}}</td>
                            <td>{{date('d-m-Y', strtotime($row->txn_date))}}</td>
                            <td>{{$row->name}}</td>
                            <td style="text-align:right; padding-right: 30px;">{{ number_format($row->total_value,2) }}</td>

                            <td>
                                <a href="{{ url('/freesample/'.$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('/freesample/'.$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('/freesample/'.$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>
<style>
    table.table.text-center.table-striped.table-hover.fixedHeader .header tr th {
        position: sticky;
        top: 0;
        /* width: 109%; */
        background: #D9E5D8;
    }
    table#myTable 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 type="text/javascript">
        jQuery( function($) {
            $( "#start_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
        } );
    </script>
@endsection