@extends('layouts.layout')

@section('content')
<div class="box">
    <div class="box-header">
        <h3 class="box-title"> <i class="fa fa-user"></i> Fulger seals </h3>
        <form action="/seals/search" method="get" class="pull-right">
            <div class="input-group input-group-sm" style="width: 150px;padding-bottom:5px;margin-left:10px">
                <input type="text" name="seal" class="form-control pull-right" placeholder="Search by seal" value="{{$search}}">

                <div class="input-group-btn">
                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                </div>
            </div>
        </form>

        <a href="/seals/create" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Create</a>


        <button type="button" class="btn btn-info pull-right" style="margin-right: 10px" data-toggle="modal" data-target="#modal-default">
            <i class="fa fa-flag"></i> Seals report
        </button>

        <a href="{{ url()->current().'?'.http_build_query(array_merge(request()->all(),['export' => ''])) }}" class="btn btn-success pull-right" style="margin-right:10px">Export to Excel</a>

        <a href="/seals/match" class="btn btn-success pull-right" style="margin-right:10px"> Match</a>

        <a href="/seals/import" class="btn btn-success pull-right" style="margin-right:10px"><i class="fa fa-upload"></i> Import</a>


        <div class="modal fade" id="modal-default">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span></button>
                        <h4 class="modal-title">Seals report</h4>
                    </div>
                    <div class="modal-body">

                        <form action="/seals/seals-report" target="_blank" method="get">
                            <div class="form-group form-inline">
                                <label for="start">Start date</label>
                                <input type="date" name="date_from" id="start" class="form-control">

                                <label for="end">End date</label>
                                <input type="date" name="date_end" id="end" class="form-control"><br />

                                <br />

                                <label for="order">Order By</label>
                                <select name="orderBy" id="order" class="form-control">
                                    <option value="seal">Seal</option>
                                    <option value="date">Date</option>
                                    <option value="truck">Truck</option>
                                    <option value="driver">Driver</option>
                                    <option value="dispatcher_name">Dispatcher Name</option>
                                </select>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Generate</button>
                            </div>
                        </form>

                    </div>

                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>

        <div class="modal fade" id="modal-messages">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span></button>
                        <h4 class="modal-title">Messages report</h4>
                    </div>
                    <div class="modal-body">

                        <form action="/seals/messages-report" target="_blank" method="get">
                            <div class="form-group form-inline">
                                <label for="start">Start date</label>
                                <input type="date" name="date_from" id="start" class="form-control">

                                <label for="end">End date</label>
                                <input type="date" name="date_end" id="end" class="form-control"><br />


                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Generate</button>
                            </div>
                        </form>

                    </div>

                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>



        <div class="modal fade" id="individual_bulk">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span></button>
                        <h4 class="modal-title">Individual report bulk</h4>
                    </div>
                    <div class="modal-body">

                        <form action="/seals/bulk-individual-report" target="_blank" method="post">
                            @csrf
                            <div id="body_modal_individual_bulk_report">

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Generate</button>
                            </div>
                        </form>

                    </div>

                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        @if(session()->get('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div><br />
        @endif
        {{$matched_seals}} # of seals matched from a total of {{$total_seals}}

        <div class="row">
            <div class="col-sm-6">
                <form action="/seals" method="get" class="form-inline">
                    <label for="status">Status</label>
                    <select name="status" id="status" class="form-control">
                        <option value="">All</option>
                        <option value="matched" @if(Request()->status=='matched')selected @endif>Matched</option>
                        <option value="unmatched" @if(Request()->status=='unmatched')selected @endif>Unmatched</option>
                    </select>
                    <label for="status">Truck</label>
                    <input type="text" style="width: 130px;" name="truck_no" class="form-control" value="@if(isset(Request()->truck_no)){{Request()->truck_no}}@endif">

                    <label for="driver">Driver</label>
                    <input type="text" style="width: 130px;" name="driver_name" class="form-control" value="@if(isset(Request()->driver_name)){{Request()->driver_name}}@endif">

                    <label for="dispatcher">Dispatcher</label>
                    <input type="text" style="width: 130px;" name="dispatcher_name" class="form-control" value="@if(isset(Request()->dispatcher_name)){{Request()->dispatcher_name}}@endif">

                    <input type="submit" value="Filter" class="btn btn-success">
                </form>

            </div>
            <div class="col-sm-6">

                <form action="/seals" method="get" class="form-inline" style="margin-left:250px;margin-top:-50px;margin-bottom:10px">
                    <h3>Sort by</h3>
                    <label for="seal">Seal</label>
                    <select name="sortby[seal]" id="status" class="form-control">
                        <option value="">All</option>
                        <option value="asc" @if(isset(Request()->sortby['seal'])&& Request()->sortby['seal'] =='asc')selected @endif>Asc</option>
                        <option value="desc" @if(isset(Request()->sortby['seal'])&& Request()->sortby['seal'] =='desc')selected @endif>Desc</option>
                    </select>

                    <label for="date">Date</label>
                    <select name="sortby[date]" id="date" class="form-control">
                        <option value="">All</option>
                        <option value="asc" @if(isset(Request()->sortby['date'])&& Request()->sortby['date'] =='asc')selected @endif>Asc</option>
                        <option value="desc" @if(isset(Request()->sortby['date'])&& Request()->sortby['date'] =='desc')selected @endif>Desc</option>
                    </select>



                    <label for="truck">Truck#</label>
                    <select name="sortby[truck]" id="truck" class="form-control">
                        <option value="">All</option>
                        <option value="asc" @if(isset(Request()->sortby['truck'])&& Request()->sortby['truck'] =='asc')selected @endif>Asc</option>
                        <option value="desc" @if(isset(Request()->sortby['truck'])&& Request()->sortby['truck'] =='desc')selected @endif>Desc</option>
                    </select>

                    <input type="submit" value="Sort" class="btn btn-success">
                </form>

            </div>
        </div>

        <table class="table table-bordered table-hover table-striped" id="seals">
            <thead>
                <th>Seal #</th>
                <th>Date</th>
                <th>Truck #</th>
                <th>Driver</th>
                <th>Dispatcher Name</th>
                <th>Status</th>
                <th>Pro#</th>
                <th>Edit</th>
            </thead>
            <tbody>
                @foreach($seals as $seal)
                <tr>
                    <td>{{$seal->seal}}</td>
                    <td>{{$seal->date}}</td>
                    <td>{{$seal->truck}}</td>
                    <td>{{$seal->driver}}</td>
                    <td>{{$seal->dispatcher_name}}</td>
                    <td>@if($seal->matching_seal_id>0)<i style="color:green" class="fa fa-check"></i> @else <span style="color:red;font-weight:bold">X</span> @endif</td>
                    <td>@if($seal->sealMatch!=null){{$seal->sealMatch->pronum}}@endif</td>
                    <td><a href="/seals/{{$seal->id}}/edit" class="btn btn-warning"><i class="fa fa-edit"></i></a></td>

                </tr>
                @endforeach
            </tbody>
        </table>
        <p class="pull-left"> Showing {{$seals->firstItem()}} to {{$seals->lastItem()}} of {{$seals->total()}} entries</p>
        <span class="pull-right">{{$seals->appends(Request::all())->links()}}</span>

    </div>
</div>

@endsection

@section('footer')

<script>
    $('#individual_bulk_btn').click(function(event) {


        $.get('/get-seals', function(html) {
            var body = '<button id="select_all" type="button" onclick="$(\':checkbox\').prop(\'checked\', true);">Select all</button> <button id="select_none" onclick="$(\':checkbox\').prop(\'checked\', false);" type="button">Select none</button><br/>';
            $.each(html, function(index, seal) {
                body += '<input type="checkbox" name="driver_ids[]" value="' + seal.id + '" checked> ' + seal.seal + '<br/>';
            })
            $('#body_modal_individual_bulk_report').append(body);
        });


    });
</script>
@endsection