@php
    $configData = Helper::appClasses();
@endphp

@extends('layouts/layoutMaster')

@section('title', __('edit') . ' ' . __($nameS))


@section('vendor-style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/select2/select2.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/formvalidation/dist/css/formValidation.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/animate-css/animate.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/sweetalert2/sweetalert2.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/leaflet/leaflet.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/flatpickr/flatpickr.css') }}" />
@endsection

@section('vendor-script')
    <script src="{{ asset('assets/vendor/libs/moment/moment.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/select2/select2.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/formvalidation/dist/js/FormValidation.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/cleavejs/cleave.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/cleavejs/cleave-phone.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/sweetalert2/sweetalert2.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/leaflet/leaflet.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/flatpickr/flatpickr.js') }}"></script>
@endsection

@section('content')
    <div class="row g-4">
        <div class="col-12">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h4 class="card-title mt-2"> {{ __('edit') . ' ' . __($nameS) }}</h4>
                    <a href="{{ route('backend.' . $name . '.index') }}" class="btn btn-outline-primary float-right">
                        <i class="fas fa-arrow-left mr-1"></i> {{ __('back') }}
                    </a>
                </div>
            </div>
            <div class="card p-3 p-md-5">
                @include('_partials._errors')

                <form action="{{ route('backend.' . $name . '.update', $item->id) }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="col-12 mb-4">
                        <label for="lang" class="required">{{ __('language') }} <i class="required ml-sm">*</i></label>
                        <select id="lang" class="select2 form-select" name="lang">
                            <option value="ar" {{ old('lang', $item->lang ?? '') == 'ar' ? 'selected' : '' }}>
                                {{ __('arabic') }}</option>
                            <option value="en" {{ old('lang', $item->lang ?? '') == 'en' ? 'selected' : '' }}>{{ __('english') }}</option>

                        </select>
                    </div>
                    <div class="col-12 mb-4">
                        <label class="form-label" for="title">{{ __('title') }}</label>
                        <input type="text" id="title" name="title" class="form-control"
                            placeholder="{{ __('title') }}" value="{{ old('title') ?? ($item->title ?? '') }}"
                            tabindex="-1" />
                    </div>
                    <div class="col-12 mb-4">
                        <label class="form-label" for="description">{{ __('description') }}</label>
                        <textarea id="description" name="description" class="form-control" placeholder="{{ __('description') }}">{{ old('description') ?? ($item->description ?? '') }}</textarea>
                    </div>
                    <div class="col-12 mb-4">
                        <label class="form-label" for="url">{{ __('url') }}</label>
                        <input type="text" id="url" name="url" class="form-control"
                            placeholder="{{ __('url') }}" value="{{ old('url') ?? ($item->url ?? '') }}"
                            tabindex="-1" />
                    </div>
                    <div class="col-12 mb-4">
                        <label class="form-label" for="button">{{ __('button') }}</label>
                        <input type="text" id="button" name="button" class="form-control"
                            placeholder="{{ __('button') }}" value="{{ old('button') ?? ($item->button ?? '') }}"
                            tabindex="-1" />
                    </div>
                    <div class="col-12 mb-4">
                        <label class="form-label" for="image">{{ __('image') }}</label>
                        <input type="file" id="image" name="image" class="form-control"
                            placeholder="{{ __('image') }}" value="{{ old('image') }}" tabindex="-1" />
                    </div>
                    <div class="col-12 mb-4">
                        <label class="form-label" for="badge">{{ __('badge') }}</label>
                        <input type="file" id="badge" name="badge" class="form-control"
                            placeholder="{{ __('badge') }}" value="{{ old('badge') }}" tabindex="-1" />
                    </div>
                    <div class="col-12 text-center mt-4">
                        <button type="submit" class="btn btn-primary me-sm-3 me-1">{{ __('submit') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection