@extends('admin.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 merchant
                </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 Branch
                                        </th>
                                        <th>
                                            Branch Name
                                        </th>
                                        <th>
                                            Branch Address
                                        </th>
                                        <th>
                                            Lat Long
                                        </th>
                                        <th>
                                            Mobile Number
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach($branchList as $index=>$branchDetail)
                                    <tr>
                                        <td>
                                            {{ $index+$branchList->firstItem() }}
                                        </td>
                                        <td>
                                            <label class="m-radio">
                                                <input type="radio" name="example_1" id="radiobutton-{{ $branchDetail->branch_id}}" onChange="radiobutton(this.id)">
                                                &nbsp;
                                                <span></span>
                                            </label>
                                        </td>
                                        <td>
                                            {{ $branchDetail->name }}
                                        </td>
                                        <td>
                                            {{ $branchDetail->address }}
                                        </td>
                                        <td>
                                            {{ $branchDetail->latitude }} {{ $branchDetail->longitude }}
                                        </td>
                                        <td>
                                            {{ $branchDetail->contact_number }}
                                        </td>
                                    </tr>
                                                                        @endforeach

                                </tbody>
                            </table>
                        </div>
                        {{ $branchList->links() }}
                    </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 the merchant ?")) {

            var button_id = clicked_id;
            var button_id1 = clicked_id;
            var id = button_id.split("-")[1];

            $.ajax({
                url: "{{ route('assign-branch') }}",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'branch_id': id,
                    'id': {
                        {
                            $id
                        }
                    }
                },
                success: function(result) {

                    window.location.href = "{{ URL::route('order-details',[$id]) }}";
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("Status: " + textStatus);
                    alert("Error: " + errorThrown);
                    location.reload();
                }
            });
        } else {
            location.reload();
        }

    };
</script>
@endsection