@extends('backend.layouts.app')

@section('content')

<div class="row">
    <div class="col-md-2"></div>
    <div class="col-lg-8">
        <div class="card">
                  <div class="card-body bg-blue-color2">
                    @if(get_setting('shipping_type') == 'product_wise_shipping')
                     <button class="btn bg-blue-color2 text-primary w-100 "><h6 class="font-weight-bold mb-0">{{ translate('You have selected Product Wise Shipping Cost') }}</h6></button>
                    @elseif(get_setting('shipping_type') == 'flat_rate')
                    <button class="btn bg-blue-color2 text-primary w-100 "><h6 class="font-weight-bold mb-0">{{ translate('You have selected Flat Rate Shipping Cost') }}</h6></button>
                    @elseif(get_setting('shipping_type') == 'seller_wise_shipping')
                    <button class="btn bg-blue-color2 text-primary w-100 "><h6 class="font-weight-bold mb-0">{{ translate('You have selected Seller Wise Flat Shipping Cost') }}</h6></button>
                    @elseif(get_setting('shipping_type') == 'area_wise_shipping')
                    <button class="btn bg-blue-color2 text-primary w-100 "><h6 class="font-weight-bold mb-0">{{ translate('You have selected Area Wise Flat Shipping Cost') }}</h6></button>
                    @elseif(get_setting('shipping_type') == 'carrier_wise_shipping')
                    <button class="btn bg-blue-color2 text-primary w-100 "><h6 class="font-weight-bold mb-0">{{ translate('You have selected Carrier Wise Shipping Cost') }}</h6></button>
                    @endif
            </div>
        </div>

        <div class="card">
            <div class="{{ get_setting('shipping_type') == 'area_wise_shipping' ? 'border border-primary border-2 rounded-2' : '' }}">
                <div class="card-header">
                    <h6 class="mb-0">{{translate('Shipping Area Coverage & Area Wise Shipping Cost')}} <br> <p class="text-danger fs-12 fw-400 mb-0 pt-2 lh-1-5">Area-wise shipping cost is calculated based on the rates set in this configuration. The system’s shipping area coverage and the fields shown in the customer address will depend on this configuration.</p></h6>

                </div>
                <div class="card-body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            1. {{ translate('For Area-Wise Shipping Cost, you need to configure the complete location hierarchy in the following order: Country → State → City → Area.') }}.
                        </li>
                        <li class="list-group-item">
                            2. {{ translate('Choose the countries you deliver to. If only one country is enabled, the country field will be hidden at checkout. Enabling multiple countries displays the field, while disabling a country also disables its states, cities, and areas. Configure your ') }} <a href="{{ route('countries.index') }}">{{ translate('Shipping Countries') }}</a>.
                        </li>
                        <li class="list-group-item">
                            3. {{ translate('States are optional and can be enabled or disabled in Shipping Configuration. If enabled, the state field appears in address forms; if disabled, it’s skipped and cities load directly from the country. Disabling a state also disables its cities and areas. Configure your ') }} <a href="{{ route('states.index') }}">{{ translate('Shipping States') }}</a>.
                        <hr class="border-dashed">
                            <div class=" py-2 d-flex align-items-center justify-content-between flex-row">
                                <p class="mb-0 fs-13 fw-600">{{ translate('Do You want to enable states?')}}</p>
                                <label class="aiz-switch aiz-switch-success mb-0">
                                    <input onchange="update_status(this)" value="{{get_setting('has_state')}}" type="checkbox"