@extends('layout/template')

@section('content')
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-12">
            <h1>Gallery</h1>
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>
    <div class="row">
        <div class="col-md-9">
            <form method="post">
                @csrf
                <input name="name" value="{{ old('name') ?? $gallery->name }}" placeholder="Name" class="form-control">
                <textarea name="description"  style="height: 300px;" placeholder="Description" class="form-control">{{ old('description') ?? $gallery->description }}</textarea>

                <div class="accordion" id="accordionExample">

                    <div class="card">
                        <div class="card-header" id="headingTwo">
                            <h2 class="mb-0">
                                <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Advanced Settings
                                </button>
                            </h2>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                            <div class="card-body">
                                <input name="date" value="{{ old('date') ?? $gallery->gallery_create_time }}" class="form-control" placeholder="Create Date (yyyy-mm-dd, today if empty)">
                                <input name="url" value="{{ old('url') ?? $gallery->url }}" placeholder="URL" class="form-control">
                            </div>
                        </div>
                    </div>

                </div>
                <input type="submit" class="btn btn-outline-success" value="Save" style="margin-top: 10px;">
            </form>
        </div>
        <div class="col-md-3">
            <div class="custom-control custom-switch">
                <input type="checkbox" class="custom-control-input" disabled value="on" id="customSwitch1" checked="">
                <label class="custom-control-label" disabled="disabled" for="customSwitch1">Publish</label>
            </div>
        </div>
    </div>
@endsection