@extends('admin::layouts.master')

@push('styles')
@endpush

@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h5 class="mb-0 h6">{{ translate('Zone Edit') }}</h5>
    </div>
    <div class="col-lg-8 mx-auto">
        <div class="card">
            <div class="card-body p-0">
                @if (count($errors) > 0)
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <ul class="p-0 m-0" style="list-style: none;">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <ul class="nav nav-tabs nav-fill border-light">
                    @foreach (\Modules\Language\Entities\Language::with('productCountry.languages')->whereHas('productCountry.languages', function ($query) {
                $query->where('status', 1);
            })->get() as $key => $language)
                        <li class="nav-item">
                            <a data-lang="{{ strtolower($language->code) }}" data-form="zone_edit_form"
                                class="navigate-tab nav-link text-reset @if (strtolower($language->code) == "$langCode") active @else bg-soft-dark border-light border-left-0 @endif py-3"
                                href="{{ route('admin.shipping.zones.edit', [$zones->id, 'lang_code' => strtolower($language->code)]) }}">
                                <img src="{{ staticAsset('assets/img/language_icons/' . strtolower($language->code) . '.svg') }}"
                                    height="15" class="mr-1">
                                <span>{{ $language->name }}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
                <form id="zone_edit_form" class="p-4" action="{{ route('admin.shipping.zones.update', $zones->id) }}"
                    method="POST">
                    <input type="hidden" name="lang_code" value="{{ $langCode }}">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="arAlfa">Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="Zone Name"
                                name="name[{{ $langCode }}]" required
                                value="{{ $zones->getTranslation('name', $langCode, true) }}" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label"
                            for="code">{{ $label ? $label : translate('Level Label') }} </label>
                        <div class="col-sm-9">
                            <select class="select2 form-control aiz-selectpicker" name="levels[]" data-toggle="select2"
                                data-placeholder="Select Preferred {{ $label ? $label : translate('Level Label') }}"
                                data-live-search="true" data-selected="{{ $zones->levels->pluck('id') }}" multiple>
                                @foreach ($levels as $level)
                                    @if (!$level->zones()->count() || in_array($level->id, $zones->levels->pluck('id')->toArray()))
                                        <option value="{{ $level->id }}"
                                            @if (in_array($level->id, $zones->levels->pluck('id')->toArray())) selected @endif>{{ $level->name }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="arAlfa">Cost({{ $currency }})</label>
                        <div class="col-sm-9">
                            <input id="arAlfa" type="number" class="form-control" placeholder="Shipping Cost"
                                name="shipping_cost" required value="{{ old('shipping_cost', $zones->shipping_cost) }}"
                                oninput="validateArabicAlpha();" />

                        </div>
                    </div>

                    <div class="form-group mb-0 text-right">

                        <a href="{{ route('admin.shipping.zones') }}"
                            class="btn btn-secondary">{{ translate('Cancel') }}</a>
                        <button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--  -->

    <!--  -->
@endsection



@section('script')
    @include('shipping::zones.scripts.index_script')
@endsection