@extends('admin.app')
@section('title', 'Edit Gallery')

@section('content')

<div class="container-fluid mt-5">

    <div class="row justify-content-center">

        <div class="col-md-8">

            <div class="card shadow-sm border-0">

                <div class="card-header bg-primary text-white">
                    Edit Gallery
                </div>

                <div class="card-body">

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

                    @if(session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif

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

                        @csrf
                        @method('PUT')

                        {{-- Category --}}
                        <div class="mb-3">
                            <label>Category</label>

                            <select name="category_id" class="form-select">
                                <option value="">Select Category</option>

                                @foreach($categories as $category)
                                    <option value="{{ $category->id }}"
                                        {{ $gallery->category_id == $category->id ? 'selected' : '' }}>
                                        {{ $category->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        {{-- IMAGE EDIT --}}
                        @if(!$gallery->youtube_url)

                            <div class="mb-3">
                                <label>Current Image</label><br>

                                @if($gallery->image)
                                    <img src="{{ asset('storage/'.$gallery->image) }}"
                                         class="img-fluid border rounded"
                                         style="max-width:250px;">
                                @endif
                            </div>

                            <div class="mb-3">
                                <label>Change Image</label>

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

                        @endif

                        {{-- VIDEO EDIT --}}
                        @if($gallery->youtube_url)

                            <div class="mb-3">
                                <label>YouTube URL</label>

                                <input type="text"
                                       name="youtube_url"
                                       value="{{ $gallery->youtube_url }}"
                                       class="form-control">
                            </div>

                        @endif

                        {{-- Title --}}
                        <div class="mb-3">
                            <label>Title</label>

                            <input type="text"
                                   name="title"
                                   value="{{ $gallery->title }}"
                                   class="form-control">
                        </div>

                        {{-- Alt Text --}}
                        <div class="mb-3">
                            <label>Alt Text</label>

                            <input type="text"
                                   name="alt"
                                   value="{{ $gallery->alt }}"
                                   class="form-control">
                        </div>

                        <button class="btn btn-success">
                            Update Gallery
                        </button>

                        <a href="{{ route('gallery.index') }}"
                           class="btn btn-secondary">
                            Back
                        </a>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection