@extends('layouts.master')

@section('content')
    <div class="container-xxl">

        <x-breadcrumb listRoute="{{ route('admin.features.index') }}" model="Features" item="Edit"></x-breadcrumb>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card">
            <div class="card-body">

                <x-form.wrapper action="{{ route('admin.features.update', $feature->id) }}" method="POST"
                    enctype="multipart/form-data">
                    @method('PATCH')
                    <x-form.row>
                        <x-form.input type="text" col="12" label="Name" :req="true" id="name"
                            name="name" value="{!! old('name', $feature->name) !!}" />

                    </x-form.row>
                    <div class="col-lg-6">
                        <x-form.input type="file" label="Image" :req="true" id="image" name="image"
                            accept="image/*" onchange="previewThumb(this,'image-thumb')" />
                        <x-form.preview id="image-thumb" url="{{ $feature->feature_image->getPath() }}" />
                    </div>

                    <x-form.textarea isEditor="true" label="Description" id="description" name="meta1"
                        value="{!! old('meta1', $feature->meta1) !!}" rows="5" cols="5" />

                    <div class="card m-2">
                        <div class="card-body">
                            <h5 class="card-title mb-4">Slider Images</h5>
                            <x-form.dynamic-fields fieldName="slider_images" :min="0" :max="10"
                                label="Add New slider" :required="true" :existingData="$slider_gallery" :fields="[
                                    ['name' => 'slider_image', 'label' => 'Slider Image', 'type' => 'file', 'col' => 6],
                                    ['name' => 'alt', 'label' => 'alt', 'type' => 'text', 'col' => 6],
                                    ['name' => 'description', 'label' => 'description', 'type' => 'textarea', 'col' => 12, ],
                                ]" />
                        </div>
                    </div>

                    <x-form.checkbox label="Status" id="status" name="status" value="1" class="form-check-input"
                        isEditMode="yes" :isChecked="$feature->status ? 'checked' : ''" />

                    <x-form.button class="btn btn-sm btn-dark" type="submit">
                        <i class='bx bx-save bx-xs'></i>
                        Save
                    </x-form.button>
                </x-form.wrapper>
            </div>
        </div>
    </div>
@endsection




@push('custom_js')
    {{-- @include('_helpers.slugify', ['title' => 'name']) --}}

    @include('_helpers.image_preview', ['name' => 'image'])
    @include('_helpers.ajax_form')
@endpush