@extends('layouts.admin')

@section('title','Gallery Management')

@section('content')
    <h4>Gallery</h4>
    <div class="row">
        <div class="col-md-5">
            <form action="{{ route('admin.galleries.store') }}" method="POST">
                @csrf
                <div class="mb-2">
                    <label>Title</label>
                    <input class="form-control" name="title" required>
                </div>
                <div class="mb-2">
                    <label>Image URL</label>
                    <input class="form-control" name="image_url" required>
                </div>
                <div class="mb-2">
                    <label>Type</label>
                    <select class="form-select" name="type">
                        <option value="image">Image</option>
                        <option value="video">Video</option>
                    </select>
                </div>
                <div class="mb-2">
                    <label>Caption</label>
                    <textarea class="form-control" name="caption"></textarea>
                </div>
                <button class="btn btn-sm btn-success">Save</button>
            </form>
        </div>
        <div class="col-md-7">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>Title</th>
                        <th>Type</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($galleries as $gallery)
                        <tr>
                            <td>{{ $gallery->title }}</td>
                            <td>{{ $gallery->type }}</td>
                            <td>
                                <form action="{{ route('admin.galleries.destroy', $gallery) }}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $galleries->links() }}
        </div>
    </div>
@endsection