@extends('admin.layout.index')

@section('title')
    ارسال از طریق باربری
@endsection

@section('style')
    <style>
        .close {
            margin: 0 !important;
        }

        .modal-header {
            align-items: center;
        }


        #successAlert {
            display: none;
            position: fixed;
            width: 300px;
            height: 100px;
            bottom: 20px;
            left: 20px;
            z-index: 999;
        }

        #successAlert > div {
            color: white;
            background-color: green;
        }
    </style>
@endsection

@section('script')
    <script>
        function removeItem(deliveryAmountItem) {
            $('#Item').val(deliveryAmountItem);
        }

        function changePrice(tag,method_id) {
            let price = tag.value;
            let _token = "{{ csrf_token() }}";
            let url = "{{ route('admin.delivery_method.truck.update') }}";
            let data = {
                price: price,
                method_id: method_id,
                _token: _token,
            };
            console.log(method_id);

            jQuery.post(url, data, function (msg) {
                if (msg == 'ok') {
                    $('#successAlert').slideDown().delay(1500).slideUp();
                }
            })
        }
    </script>
@endsection

@section('content')
    <div id="successAlert" class="col-12">
        <div class="alert text-center">
            تغییرات با موفقیت اعمال شد
        </div>
    </div>
    <div class="col-xl-12 col-md-12 mb-4 p-4 bg-white">
               <div>
                   <a class="btn btn-sm btn-outline-primary"
                      href="{{ route('admin.delivery_method.create',['method'=>'truck']) }}">
                        <i class="fa fa-plus"></i>
افزودن استان
                    </a>
               </div>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered table-striped text-center">

                    <thead>
                    <tr>
                        <th>ردیف</th>
                        <th>استان</th>
                        <th>تعرفه( تومان )</th>
                        <th>عملیات</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($DeliveryMethodAmount as $key=>$item)
                        <tr>
                            <th>
                                {{ $key+1 }}
                            </th>
                            <th>{{ $item->Province->name }}</th>
                            <th>
                                <input onchange="changePrice(this,{{ $item->id }})" class="text-center" name="price" value="{{ number_format($item->price) }}">
                            </th>
                           <th>
                             <button onclick="removeItem({{ $item->id }})" class="btn btn-danger btn-sm"
                                      data-toggle="modal" data-target="#RemoveModal" type="button">
                                   <i class="fa fa-trash"></i>
                               </button>
                              <a class="btn btn-info btn-sm"
                                  href="{{ route('admin.delivery_method.truck.edit',['id'=>$item->id]) }}">
                                 <i class="fa fa-edit"></i>
                               </a>
                           </th>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            </div>

        {{--            <div class="d-flex justify-content-center mt-5">--}}
        {{--                {{ $coupons->render() }}--}}
        {{--            </div>--}}

    </div>
    {{--//modal--}}
    @include('admin.deliveryMethods.post.delete')
@endsection