@extends('admin.layouts.master')
@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card bg-body-white hoverable card-xl-stretch mb-xl-8">
        <div class="card card-custom">
            <div class="card-header">
                <h3 class="card-title">
                    {{ isset($slider) ? 'Update Slider' : 'Create Slider' }}
                </h3>
                <div class="card-toolbar">
                    <div class="example-tools justify-center">
                        <span class="example-toggle" data-toggle="tooltip" title="View code"></span>
                        <span class="example-copy" data-toggle="tooltip" title="Copy code"></span>
                    </div>
                </div>
            </div>

            <form action="{{ isset($slider) ? route('admin.sliders.update', $slider->id) : route('admin.sliders.store') }}" method="POST" enctype="multipart/form-data" class="form">
                @csrf
                @if (isset($slider))
                    @method('PUT')
                @endif

                @php
                    $selectedCategoryId = old('category_id', $slider->category_id ?? '');
                    $selectedPageId = old('page_id', $slider->page_id ?? '');
                    $selectedSectionId = old('section_id', $slider->section_id ?? '');
                @endphp

                <input type="hidden" name="country_id" class="putCountryId">
                <div class="card-body">
                  <div class="row">
                    <div class="form-group col-md-6">
                        <label class="" for="category_id">Category</label>
                        <select id="category_id" name="category_id" class="form-control @error('category_id') is-invalid @enderror">
                            <option value="" selected disabled hidden>Choose Category</option>
                            @foreach ($category as $cat)
                                <option value="{{ $cat->id }}" {{ $selectedCategoryId == $cat->id ? 'selected' : '' }}>
                                    {{ $cat->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('category_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label class="required" for="page_id">Page</label>
                        <select id="page_id" name="page_id" class="form-control @error('page_id') is-invalid @enderror" required>
                         <option value="" selected disabled hidden>Choose page</option>
                            @foreach ($pages as $page)
                                <option value="{{ $page->id }}" {{ $selectedPageId == $page->id ? 'selected' : '' }}>
                                    {{ $page->title }}
                                </option>
                            @endforeach
                        </select>
                        @error('page_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label class="required" for="section_id">Section</label>
                        <select id="section_id" name="section_id" class="form-control @error('section_id') is-invalid @enderror" required>
                            <option value="" selected disabled hidden>Choose Section</option>
                            @foreach ($sections as $section)
                                <option value="{{ $section->id }}" {{ $selectedSectionId == $section->id ? 'selected' : '' }}>
                                    {{ $section->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('section_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label class="required" for="title">Title</label>
                        <input type="text" placeholder="Enter Title" id="title" name="title" class="form-control form-control-solid @error('title') is-invalid @enderror"
                               value="{{ old('title', $slider->title ?? '') }}" required>
                        @error('title')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group col-md-6">
                        @if (isset($slider) && $slider->image)
                            <label for="image">Current Image</label>
                            <br>
                            <img src="{{ asset('storage/' . $slider->image) }}" alt="{{ $slider->title }}" width="100">
                            <br><br>
                            <label for="image">Upload New Image (Optional)</label>
                        @else
                            <label for="image" class="required">Upload Image</label>
                        @endif
                        <input type="file" name="image" id="image" class="form-control @error('image') is-invalid @enderror">
                        @error('image')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="award_images">Upload Award Images (Optional)</label>
                        <input type="file" name="award_images[]" id="award_images" class="form-control" multiple>
                    </div>
                </div>
                      <div class="form-group">
                        <label for="description">Description</label>
                        <textarea id="description" rows="8" placeholder="Enter Text" name="description" class="form-control @error('description') is-invalid @enderror">{{ old('description', $slider->description ?? '') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary mr-2">{{ isset($slider) ? 'Update Slider' : 'Save Slider' }}</button>
                    <a href="{{ route('admin.sliders.sliderGrp') }}" class="btn btn-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection