@extends('header.header')
@section('content')

    <div class="header bg-primary pb-6  pt-5">
        <div class="container-fluid">
            <div class="header-body">
                <div class="row align-items-center py-4">
                    <div class="col-lg-6 col-7">
                        <h6 class="h2 text-white d-inline-block mb-0">{{__('All Delivery Price')}}</h6>
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                            <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                                <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                                <li class="breadcrumb-item"><a href="/">{{__('Dashboard')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{__('Delivery Price')}}</li>
                            </ol>
                        </nav>
                    </div>
                    <br>
                </div>
            </div>
        </div>
    </div>
    <div class="row parent-box">
        <div class="col-lg-10 m-auto map-box">
            <div class="tile">
                <h3 class="tile-title" style="margin-top: 20px">{{__('Add New Delivery Price')}}</h3>
                <div class="tile-body" id="parent-box">
                    <form method="post" action="{{ route("delivery_price.store") }}" enctype="multipart/form-data">
                        @csrf
                            <div class="row" style="border-radius:20px;margin-bottom: 20px;margin-top: 20px;color: white;border:none;padding:10px 30px;background:white">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="control-label" style="color: #3d027b">{{__('from (Km)')}}</label>
                                    <input class="form-control @if($errors->has('from')) is-invalid @endif" type="text"
                                           id="from"
                                           name="from" placeholder="From (Km)"
                                           value="{{inputValue("from")}}">
                                </div>
                                @error("from")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="control-label" style="color: #3d027b">{{__('to (Km)')}}</label>
                                    <input class="form-control @if($errors->has('to')) is-invalid @endif" type="text"
                                           id="to"
                                           name="to" placeholder="To (Km)"
                                           value="{{inputValue("to")}}">
                                </div>
                                @error("to")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="control-label" style="color: #3d027b">{{__('Price')}}</label>
                                    <input class="form-control @if($errors->has('price')) is-invalid @endif" type="text"
                                           id="price"
                                           name="price" placeholder="Enter The Delivery Location Price"
                                           value="{{inputValue("price")}}">
                                </div>
                                @error("price")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-2">
                                <button style="margin-top:22%;border-radius:7px;color: white;border:none;padding:10px 30px;background: #7600ff"  id="addPrice">Add</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6" id="itemsTable" style="background: white">
                                        <label class="form-control-label" for="input-=name" style="padding: 5px">{{__('Delivery Price Info')}}</label>
                                        <table class="table align-items-center table-flush" id="item">
                                            <thead class="thead-light">
                                            <tr>
                                                <th>{{__("ID")}}</th>
                                                <th>{{__("From Km")}}</th>
                                                <th>{{__("To Km")}}</th>
                                                <th>{{__("Price")}}</th>
                                                <th>{{__("Created At")}}</th>
                                            </tr>
                                            </thead>
                                            <tbody class="list" id="myTable">
                                                @if($deliveryInfo != null)
                                                    @foreach($deliveryInfo as $delivery)
                                                        <tr>
                                                            <td>{{$delivery->id}}</td>
                                                            <td>{{$delivery->from_km}}</td>
                                                            <td>{{$delivery->to_km}}</td>
                                                            <td>{{$delivery->price}}</td>
                                                            <td>{{$delivery->created_at}}</td>
                                                        </tr>
                                                  @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                {{$deliveryInfo->links()}}
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label class="form-control-label" for="input-phone_number" style="padding: 5px;margin-top: 30px">{{__('Image')}} </label>
                                            <input type="file" id="input-phone_number" name="image" class="form-control"
                                                   placeholder="" value=""
                                                   accept="image/x-png,image/gif,image/jpeg,image/png,image/jpg,image/svg">
                                        </div>
                                        @error("image")
                                        <div class="input-error">{{$message}}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        <div class="col-lg-6" id="itemsTable" style="background: white">
                            <label class="form-control-label" for="input-=name" style="padding: 5px">{{__('Stores')}}</label>
                            <table class="table align-items-center table-flush" id="item">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{__("ID")}}</th>
                                    <th>{{__("Name")}}</th>
                                    <th>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="selectAll">
                                            <label class="form-check-label" for="flexCheckDefault">
                                                {{__("Select All")}}
                                            </label>
                                        </div>
                                    </th>
                                </tr>
                                </thead>
                                <tbody class="list" id="myTable">
                                @if($deliveryInfo != null)
                                    @foreach($deliveryInfo as $delivery)
                                        <input type="hidden" value="{{$delivery->id}}" name="delivery[]"/>
                                    @endforeach
                                @endif
                                @foreach($stores as $store)
                                    <tr>
                                        <td>{{$store->id}}</td>
                                        <td>{{$store->lang->getTitleAttribute()}}</td>
                                        <td>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name="store[]"
                                                       value="{{$store->id}}" id="flexCheckDefault"
                                                       data-id="{{$store->id}}">
                                            </div>
                                            @error("store")
                                            <div class="input-error">{{$message}}</div>
                                            @enderror
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div >
                        </div>
                        <div class="tile-footer">
                            <button class="btn btn-success" type="submit"><i
                                    class="fa fa-fw fa-lg fa-check-circle"></i>{{__('Add')}}</button>
                        </div>
                        </form>
                </div>
            </div>
        </div>x`
    </div>
    </div>
@endsection
@section('js-scripts')
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }

    </script>

    <script>
        $(document).ready(function () {



            $('#addPrice').click(function(){
                //Read the fields
                let fromKm = $('#from').val();
                let toKm = $('#to').val();
                let price = $('#price').val();
                console.log(fromKm + toKm + price);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: "post",
                    url:  "/en/DeliveryCompanyInfoController/store",
                    data:   {"fromKm":fromKm,"toKm":toKm,"price":price},
                    success: function(response)
                    {
                        console.log(response);
                        if(response.status == 1){
                            window.location.reload();
                        }
                    },
                    error:function(){
                        console.error("you have error");
                    }
                });
                //Note: form may not be 'sent'!
                return false;
            });

            $('#selectAll').click(function () {
                if ($(this).prop('checked')) {
                    $('.form-check-input').prop('checked', true);
                } else {
                    $('.form-check-input').prop('checked', false);
                }
            });

        });
    </script>

@endsection