@extends('branch.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">
                    Assign order to driver
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet">
                    <div class="m-portlet__body">
                        @if (session()->has('success'))
                        <div class="m-alert m-alert--icon alert alert-success" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-success"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('success') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session()->has('error'))
                        <div class="m-alert m-alert--icon alert alert-primary" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('error') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session('status'))
                        <div class="m-alert m-alert--icon alert alert-danger" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {{ session('status') }}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        <div class="table-responsive">
                            <table class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand nowrap-text">
                                <thead>
                                    <tr>
                                        <th>
                                            Sr. No.
                                        </th>
                                        <th>
                                            Select Driver
                                        </th>
                                        <th>
                                            Driver Name
                                        </th>
                                        <th>
                                            Driver E-mail
                                        </th>
                                        <th>
                                            Driver Phone
                                        </th>
                                        <!--                                        <th>
                                            Mobile Number
                                        </th>                                                       -->
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach($driverList as $index=>$driverDetail)
                                    <tr>
                                        <td>
                                            {{ $index+$driverList->firstItem() }}
                                        </td>
                                        <td>
                                            <label class="m-radio">
                                                <input type="radio" name="example_1" id="radiobutton-{{ $driverDetail->id}}" onChange="radiobutton(this.id)">
                                                &nbsp;
                                                <span></span>
                                            </label>
                                        </td>
                                        <td>
                                            {{ $driverDetail->name }}
                                        </td>
                                        <td>
                                            {{ $driverDetail->email }}
                                        </td>
                                        <td>
                                            {{ $driverDetail->phone }}
                                        </td>

                                    </tr>
                                                                        @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>
</div>
@endsection
@section('js')

<script>
    function radiobutton(clicked_id) {

        if (confirm("Are you sure you want to assign this order to this driver ?")) {

            var button_id = clicked_id;
            var button_id1 = clicked_id;
            var id = button_id.split("-")[1];
            $.ajax({
                url: "{{ route('assign-driver-ccorder') }}",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'driver_id': id,
                    'id': {{ $id }}
                },
                success: function(result) {
                    window.location.href = "{{ URL::route('branch-callcenter-order-details',[$id]) }}";
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    location.reload();
                }
            });
        } else {
            location.reload();
        }

    };
</script>
@endsection