@extends('admin.layouts.master')

@section('content')
<div class="card">

    <div class="card-header border-0 pt-6">
        <div class="card-title">
            <h2>Edit Slider</h2>
        </div>
    </div>

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

        <form id="edit-slider-form"
              action="{{ route('admin.sliders.update',$slider->id) }}"
              method="POST"
              enctype="multipart/form-data">

            @csrf
            @method('PUT')

            <div class="fv-row mb-7">

                <label class="required fw-bold fs-6 mb-2">
                    Slider Title
                </label>

                <input type="text"
                       name="title"
                       class="form-control form-control-solid"
                       value="{{ old('title',$slider->title) }}"
                       required>

            </div>

            <div class="fv-row mb-7">

                <label class="fw-bold fs-6 mb-2">
                    Slider Subtitle
                </label>

                <input type="text"
                       name="subtitle"
                       class="form-control form-control-solid"
                       value="{{ old('subtitle',$slider->subtitle) }}">

            </div>

            <div class="fv-row mb-7">

                <label class="fw-bold fs-6 mb-2">
                    Current Image
                </label>

                @if($slider->image)

                    <div class="mb-3">

                        <img src="{{ asset($slider->image) }}"
                             width="200"
                             class="img-thumbnail">

                    </div>

                @endif

                <input type="file"
                       name="image"
                       class="form-control form-control-solid">

                <small class="text-muted">
                    Leave blank if you don't want to change image.
                </small>

            </div>

            <div class="fv-row mb-7">

                <label class="fw-bold fs-6 mb-2">
                    Sort Order
                </label>

                <input type="number"
                       name="sort_order"
                       class="form-control form-control-solid"
                       value="{{ old('sort_order',$slider->sort_order) }}">

            </div>

            <div class="fv-row mb-7">

                <label class="required fw-bold fs-6 mb-2">
                    Status
                </label>

                <select name="status"
                        class="form-select form-select-solid">

                    <option value="1"
                        {{ $slider->status == 1 ? 'selected' : '' }}>
                        Active
                    </option>

                    <option value="0"
                        {{ $slider->status == 0 ? 'selected' : '' }}>
                        Inactive
                    </option>

                </select>

            </div>

            <div class="text-center pt-15">

                <a href="{{ route('admin.sliders.index') }}"
                   class="btn btn-light me-3">

                    Cancel

                </a>

                <button type="button"
                        class="btn btn-primary"
                        onclick="confirmUpdateSlider()">

                    Update Slider

                </button>

            </div>

        </form>

    </div>

</div>
@endsection

@section('scripts')

<script>

function confirmUpdateSlider()
{
    Swal.fire({
        text: "Are you sure you want to update this slider?",
        icon: "question",
        showCancelButton: true,
        buttonsStyling: false,
        confirmButtonText: "Yes, Update",
        cancelButtonText: "Cancel",
        customClass: {
            confirmButton: "btn btn-primary",
            cancelButton: "btn btn-light"
        }
    }).then((result) => {

        if(result.isConfirmed)
        {
            document.getElementById(
                'edit-slider-form'
            ).submit();
        }

    });
}

</script>

@endsection