@extends('layouts.layout')

@section('content')
<div class="box">
    <div class="box-header">
        <h3 class="box-title"> <i class="fa fa-user"></i> Seals in Sylectus</h3>
        <form action="/matching-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="pronum" class="form-control pull-right" placeholder="Search by pronum" 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="/matching-seals/import" class="btn btn-success pull-right" style="margin-right:10px"><i class="fa fa-upload"></i> Import</a>

    </div>

    <!-- /.box-header -->
    <div class="box-body">
        @if(session()->get('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div><br />
        @endif

        <form action="/matching-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="fulger_seals" @if(Request()->status=='fulger_seals')selected @endif>Fulger seals</option>
                <option value="customer_seals" @if(Request()->status=='customer_seals')selected @endif>Customer seals</option>
                <option value="unmatched" @if(Request()->status=='unmatched')selected @endif>Unmatched</option>
            </select>

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

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


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


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

        <div class="form-inline" style="width: 290px;float:right;margin-bottom:10px">
        <select id="multiple_status" class="form-control" style="width: 200px;">
                <option value="fulger_seals" >Fulger seals</option>
                <option value="customer_seals" >Customer seals</option>
                <option value="unmatched">Unmatched</option>
            </select>
            
<button onclick="send()" class="btn btn-info">Change all</button>
</div>        
<table class="table table-bordered table-hover table-striped" id="mseals">
            <thead>
                <tr>
                    <th>ProNum</th>
                    <th>Vehicle / Carrier</th>
                    <th>Sched. PU</th>
                    <th>Coil #2</th>
                    <th style="width: 50px;">Edit</th>
                    <th style="width: 50px;">Duplicate</th>
                    <th style="width: 50px;">Delete</th>
                    <th style="width: 150px;"> Status</th>
                    <th><input type="checkbox" class="all" id="check-all"></th>
                </tr>
            </thead>
            <tbody>
                @foreach($mseals as $mseal)
                <tr>
                    <td>{{$mseal['pronum']}}</td>
                    <td>{{$mseal['vehcar']}}</td>
                    <td>{{$mseal['schedule']}}</td>
                    <td>{{$mseal['coil2']}}</td>
                    <td><a href="/matching-seals/{{$mseal->id}}/edit"><button class="btn btn-sm btn-warning"><i class="fa fa-edit"></i></button> </a></td>
                    <td><a href="/matching-seals/{{$mseal->id}}/duplicate"><button class="btn btn-sm btn-info"><i class="fa fa-copy"></i></button></a></td>
                    <td>
                        <form action="{{ route('matching-seals.destroy', $mseal->id)}}" method="post">
                            @csrf
                            @method('DELETE')
                            <button type="submit" onclick="return confirm('Are you sure?')" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
                        </form>
                    </td>
                    <td>
                        <form action="/matching-seals/{{$mseal->id}}/change-status">
                            <select name="status" class="form-control" onchange="this.form.submit()">
                                <option value="unmatched" @if($mseal->status=='unmatched')selected @endif>Unmatched</option>
                                <option value="fulger_seals" @if($mseal->status=='fulger_seals')selected @endif>Fulger seals</option>
                                <option value="customer_seals" @if($mseal->status=='customer_seals')selected @endif>Customer seals</option>
                            </select>
                        </form>

                    </td>
                    <td><input type="checkbox" seal_id="{{$mseal->id}}" class="check"></td>
                </tr>
                @endforeach
            </tbody>
        </table>


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

    </div>
</div>

@endsection

@section('footer')

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


        $.get('/get-matching-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);
        });


    });

    $(function () {
    var checkAll = $('input.all');
    var checkboxes = $('input.check');

    // $('input').iCheck();

    checkAll.on('ifChecked ifUnchecked', function(event) {        
        if (event.type == 'ifChecked') {
            checkboxes.iCheck('check');
        } else {
            checkboxes.iCheck('uncheck');
        }
    });

    checkboxes.on('ifChanged', function(event){
        if(checkboxes.filter(':checked').length == checkboxes.length) {
            checkAll.prop('checked', 'checked');
        } else {
            checkAll.removeProp('checked');
        }
        checkAll.iCheck('update');
    });
});

function send(){
    
    var status=$('#multiple_status').val();
    var sealsIDs = $("input:checkbox:checked").map(function(){
      return $(this).attr('seal_id');
    }).get(); // <---
        
    if(sealsIDs.length<1)
        alert('Please select a seal!');
    else
    $.post('/matching-seals/change-status',{status:status,ids:sealsIDs}).done(function(){
        location.reload();
    });
    


}

    
</script>
@endsection