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

@push('styles')
@endpush

@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h5 class="mb-0 h6">{{ $label != null ? $label . ' ' . 'Name Edit' : translate('Level 3 Name 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="ship_level_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.level3.edit', [$levels->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="ship_level_edit_form" class="p-4"
                    action="{{ route('admin.shipping.level3.update', $levels->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">{{ $label_level1 != null ? $label_level1 . ' ' . 'Name' : translate('Level 1 Name') }}</label>
                        <div class="col-sm-9">
                            <select class="select2 form-control aiz-selectpicker" name="" data-toggle="select2"
                                id="level1" data-placeholder="Choose ..." data-live-search="true"
                                data-selected="{{ $levels->secondparent->parent->id }}"
                                title="Select Available {{ $label_level1 != null ? $label_level1 : translate('Level 1 Name') }}...">
                                @foreach ($parentLevel as $level)
                                    <option value="{{ $level->id }}">
                                        {{ $level->getTranslation('name', $langCode, true) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label
                            class="col-sm-3 col-from-label">{{ $label_level2 != null ? $label_level2 . ' ' . 'Name' : translate('Level 2 Name') }}</label>
                        <div class="col-sm-9">
                            <select class="select2 form-control " name="parent_id" data-toggle="select2" id="level2"
                                data-placeholder="Choose ..." data-live-search="true"
                                data-selected="{{ $levels->secondparent->id }}"
                                title="Select Available {{ $label_level2 != null ? $label_level2 : translate('Level 2 Name') }}...">
                                @foreach ($secondparentLevel as $level)
                                    <option value="{{ $level->id }}"
                                        {{ $levels->secondparent->id == $level->id ? 'selected' : '' }}>
                                        {{ $level->getTranslation('name', $langCode, true) }}</option>
                                @endforeach
                            </select>
                            <style>
                                select {
                                    appearance: none;
                                    -webkit-appearance: none;
                                    -moz-appearance: none;
                                    background-color: white;
                                    background-image: linear-gradient(45deg, transparent 50%, rgb(75, 75, 75) 50%), linear-gradient(135deg, rgb(75, 75, 75) 50%, transparent 50%);
                                    background-position: calc(98% - 10px) center, calc(98% - 5px) center;
                                    background-size: 5px 5px, 5px 5px;
                                    background-repeat: no-repeat;
                                    margin-right: 20px;
                                    /* Adjust as needed */
                                }
                            </style>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label"
                            for="tax_label">{{ $label != null ? $label . ' ' . 'Name' : translate('Level 3 Name') }} <i
                                class="las la-language text-danger" title="{{ translate('Translatable') }}"></i></label>
                        <div class="col-sm-9">
                            <input type="text" placeholder="{{ translate('Level 3 Name') }}" id="tax_label" required
                                name="name[{{ $langCode }}]" class="form-control"
                                value="{{ $levels->getTranslation('name', $langCode, true) }}">
                        </div>
                    </div>


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

                        <a href="{{ route('admin.shipping.level3') }}"
                            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('attribute::scripts.index_scripts')
    <script>
        $(document).ready(function() {
            $('#level1').change(function() {
                var level1Value = $(this).val();

                $.ajax({
                    url: '{{ route('admin.shipping.level3.getlevel2') }}',
                    method: 'GET',
                    data: {
                        level1_id: level1Value
                    },
                    success: function(response) {

                        $('#level2').empty();

                        $.each(response.level2, function(key, value) {
                            var districtName = value.name.en;
                            $('#level2').append('<option value="' + value.id + '">' +
                                districtName + '</option>');
                        });
                    }
                });
            });
        });
    </script>
@endsection