@extends('layouts.load')

@section('content')

<div class="content-area">

  <div class="add-product-content">
    <div class="row">
      <div class="col-lg-12">
        <div class="product-description">
          <div class="body-area">
            @include('includes.admin.form-error')
            <form id="geniusformdata" action="{{route('admin-shipping_prices-create')}}" method="POST"
              enctype="multipart/form-data">
              {{csrf_field()}}

              <div class="row">
                <div class="col-xl-12">
                    <div class="input-form">
                        <p><small>* {{ __("indicates a required field") }}</small></p>
                    </div>
                </div>
            </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading">{{ __('Shipping') }} *</h4>
                  </div>
                </div>
                <div class="col-sm-7">
                  <select id="shipping_id" name="shipping_id" required>
                    <option value="">{{ __('Select') }}</option>
                    @foreach($shippings as $shipping)
                    <option value="{{$shipping->id}}">{{$shipping->title}}</option>
                    @endforeach
                  </select>
                </div>
              </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading">{{ __('Country') }} *</h4>
                  </div>
                </div>
                <div class="col-sm-7">
                  <select id="country_id" name="country_id" required>
                    <option value="">{{ __('Select') }}</option>
                    @foreach($countries as $country)
                    @if (empty($gs->country_ship) || $gs->country_ship == $country->country_code)
                    <option value="{{$country->id}}">{{$country->country_name}}</option>
                    @endif
                    @endforeach
                  </select>
                </div>
              </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading">{{ __('State') }}</h4>
                  </div>
                </div>
                <div class="col-sm-7">
                  <select id="state_id" name="state_id" disabled>
                    <option value="">{{ __('Select Country') }}</option>
                  </select>
                </div>
              </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading">{{ __('City') }}</h4>
                  </div>
                </div>
                <div class="col-sm-7">
                  <select id="city_id" name="city_id" disabled>
                    <option value="">{{ __('Select State') }}</option>
                  </select>
                </div>
              </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading">{{ __('Price') }}</h4>
                    <p class="sub-heading">({{ __('In') }} {{ $sign->name }})</p>
                  </div>
                </div>
                <div class="col-lg-7">
                  <input type="number" class="input-field" name="price" placeholder="{{ __('Price') }}" value="" min="0"
                    step="0.01">
                </div>
              </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading"> {{ __('Price to Get Free Shipping') }} </h4>
                    <p class="sub-heading">({{ __('In') }} {{ $sign->name }})</p>
                  </div>
                </div>
                <div class="col-lg-7">
                  <input name="price_free_shipping" type="number" class="input-field" placeholder="{{ __('e.g 20') }}"
                    step="1" min="0">
                </div>
              </div>

              @component('admin.components.input-localized')
                  @slot('name')
                      delivery_time
                  @endslot
                  @slot('placeholder')
                  {{ __('(10 - 12 days)') }}
                  @endslot
                  {{ __('Estimated Delivery Time') }} *
              @endcomponent
              
              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">
                    <h4 class="heading">{{ __('Status') }}</h4>
                  </div>
                </div>
                <ul class="list">
                  <li>
                    <input class="" name="status" type="checkbox" id="status" value="1">
                    <label for="status">{{ __('Active') }}</label>
                  </li>
                </ul>
              </div>

              <div class="row">
                <div class="col-lg-4">
                  <div class="left-area">

                  </div>
                </div>
                <div class="col-lg-7">
                  <button class="addProductSubmit-btn" type="submit">{{ __('Create') }}</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){

          var url_atual = '