@extends('layouts.main_without_top_button', ['title' => 'Pipelines Approval | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{!! route('pipelines.pipeline_loading_orders.index') !!}">Pipelines Loading Orders</a><span
                    class="divider">/</span></li>
        <li class="active">Pipelines Loading Orders</li>
    </ul>
@stop
@section('title', 'Pipelines Loading Orders')

@section('contentinner')

    <div class="mediamgr_category">
        <form style="overflow-x: auto" class="form-horizontal" id="pipeline_loading_order_approval_form" role="form"
              method="POST"
              action="{{route('approval-pipeline-loading-orders.store')}}">

            <input type="hidden" name="_token" value="{{csrf_token()}}">

            <div class="modal-body">
                <table class="table table-bordered table-responsive table-invoice">
                    <tr>
                        <td style="text-align: right;width: 10%">Pipeline NO.:</td>
                        <td style="width: 40%">{{ $pipeline_order_nomination->id }}</td>
                        <td style="text-align: right;width: 10%">Created By:</td>
                        <td style="width: 40%">{{ $pipeline_order_nomination->createdBy->employee_name.' '.$pipeline_order_nomination->createdBy->last_name }}</td>

                    </tr>
                    <tr>
                        <td style="text-align: right;width: 10%">Created Date:</td>
                        <td style="width: 40%">{{ $pipeline_order_nomination->date }}</td>
                        <td style="text-align: right;width: 10%">Description:</td>
                        <td style="width: 40%">{{ $pipeline_order_nomination->remarks }}</td>
                    </tr>
                    <tr>
                        <td style="text-align: right;width: 10%">Response:</td>
                        <td colspan="3">
                            <select class="select2" name="approval_option" id="" data-placeholder="" class=""
                                    style="width: 100%">
                                <option value=""></option>
                                <option value="approve_all">Approve All</option>
                                <option value="reject_all">Reject All</option>
                            </select>
                        </td>
                    </tr>
                </table>

                <div class="row-fluid">
                    <div class="span12">
                        <table class="table table-striped table1 table-condensed table-bordered"
                               style="border-bottom: 1">
                            <thead>
                            <tr>
                                <th style="width: 05%">S/N</th>
                                <th style="width: 10%">Vehicle Reg</th>
                                <th style="width: 10%">Trailer Reg</th>
                                <th style="width: 10%">Driver Name</th>
                                <th style="width: 10%">Loading City</th>
                                <th style="width: 10%">Loading Point</th>
                                <th style="width: 25%">&nbsp;</th>
                                {{--                                <th style="width: 15%">Remarks</th>--}}
                            </tr>
                            </thead>
                            <tbody>
                                                            @foreach($pipeline_order_nomination_loading_order_items as $index => $pipeline_order_nomination_loading_order_item)

                                                                @if($status == false)

                                    <tr>
                                        <td style="width: 2%;">{{ ++$index }}</td>
                                        <td style="width: 2%;">{{ $pipeline_order_nomination_loading_order_item->vehicle->registration_number }}</td>
                                        <td style="width: 2%;">{{ $pipeline_order_nomination_loading_order_item->trailer->registration_number }}</td>
                                        <td style="width: 2%;">{{ $pipeline_order_nomination_loading_order_item->driver->employee_name.' '.$pipeline_order_nomination_loading_order_item->driver->last_name }}</td>
                                        <td style="width: 2%;">{{ $pipeline_order_nomination_loading_order_item->city->name }}</td>
                                        <td style="width: 2%;">{{ $pipeline_order_nomination_loading_order_item->loadingPoint->name }}</td>
                                        <td style="width: 2%;">
                                            <select class="select2" name="approval[]" id="approval" data-placeholder=""
                                                    class="" style="width: 100%">
                                                <option value="Pending">Pending</option>
                                                <option value="Reject">Reject</option>
                                                <option value="Approve">Approve</option>

                                            </select>
                                        </td>
                                        {{--                                        <td style="width: 2%;"><textarea name="description[]" rows="1"--}}
                                        {{--                                                                         class="form-control "></textarea>--}}
                                        <input type="hidden" name="vehicle_id[]"
                                               value="{{ $pipeline_order_nomination_loading_order_item->vehicle_id }}">
                                        <input type="hidden" name="trailer_id[]"
                                               value="{{ $pipeline_order_nomination_loading_order_item->trailer_id }}">
                                        <input type="hidden" name="driver_id[]"
                                               value="{{ $pipeline_order_nomination_loading_order_item->driver_id }}">
                                        <input type="hidden" name="city_id[]"
                                               value="{{ $pipeline_order_nomination_loading_order_item->city_id }}">
                                        <input type="hidden" name="loading_point_id[]"
                                               value="{{ $pipeline_order_nomination_loading_order_item->loading_point_id }}">
                                        <input type="hidden" name="pipeline_order_nomination_item_id[]"
                                               value="{{ $pipeline_order_nomination_loading_order_item->id }}">
                                        </td>
                                    </tr>
                                @endif
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>

                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span12">
                        <label class="span2">Naration</label>

                        <div class="field span10">
                            <textarea cols="80" rows="1" class="span12" name="remarks"></textarea>
                        </div>
                    </div>
                </div>

            </div><!--#tabs-->
            <div class="modal-footer">
                @if(Auth()->user()->can('APPROVE PIPELINE'))
                @if($status == false)
                    <button class="btn btn-primary" name="submit" type="submit"> SUBMIT</button>
                @endif
                @endif
            </div>
        </form>
    </div>
    <script>
        jQuery(".datepicker").datepicker();
        jQuery('.tabs').tabs();

        jQuery('.approval_searchable_select').select2();


        jQuery('select[name="approval_option"]').each(function () {
            var selector = jQuery(this);
            selector.change(function () {
                if (selector.val() == 'approve_all') {
                    jQuery('select[name="approval[]"]').each(function () {
                        jQuery(this).val('Approve');
                    })
                } else if (selector.val() == 'reject_all') {
                    jQuery('select[name="approval[]"]').each(function () {
                        jQuery(this).val('Reject');
                    })
                } else {
                    jQuery('select[name="approval[]"]').each(function () {
                        jQuery(this).val('Pending');
                    })
                }
            });

        });

        jQuery('#reject_pipeline').each(function () {
            var button = jQuery(this);
            var form = button.closest('form');
            var loading_order_item_ids = [];
            var pipeline_loading_order_id = form.find('input=[name="pipeline_loading_order_id"]').val();
            var loading_order_item_id = form.find('input=[name="loading_order_item_id[]"]').val();
            loading_order_item_ids.push(loading_order_item_id).val();
            button.click(function () {
                jQuery.ajax({
                    type: "POST",
                    url: "{{route('approval-pipeline-loading-orders.reject')}}",
                    data: {
                        pipeline_loading_order_id: pipeline_loading_order_id,
                        loading_order_item_ids: loading_order_item_ids
                    },
                    dataType: 'json',
                    success: function (data) {

                    },
                    error: function (data) {

                    }
                })
            });
        });


    </script>
@endsection