@extends('model.edit')

@include('web::sidebar')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/jquery.fancybox.min.css') }}">
@endpush

@section('breadcrumb')
    <a href="{{ route('admin.home') }}" class="breadcrumb-item">
        <i class="icon-home2 mr-2"></i>
        Inicio
    </a>
    <span class="breadcrumb-item active">
        Administraci&oacute;n de la Galería
    </span>
@endsection

@section('card-title', 'Editando Imagen de la Galería')

@section('form-content')
    <div class="form-group">
        <x-forms.label>T&iacute;tulo</x-forms.label>
        <x-forms.input
            type="text"
            name="name"
            :value="old('name', $data->name)"
            placeholder="T&iacute;tulo"
            maxlength="255"
        />
    </div>
    <div class="form-group">
        <x-forms.label>Descripci&oacute;n</x-forms.label>
        <x-forms.textarea
            name="description"
            :value="old('description', $data->description)"
            placeholder="Descripci&oacute;n"
        />
    </div>
    <div class="form-group">
        <x-forms.label>Imagen</x-forms.label>
        <p>
            <a
                href="{{ config('sipemu.url_web').$data->image }}"
                data-fancybox="gallery"
            >
                <img
                    style="height:100px;width:auto"
                    src="{{ config('sipemu.url_web').$data->image }}"
                    alt=""
                >
            </a>
        </p>
    </div>
    <div class="form-group">
        <x-forms.label>&iquest;Visible en la web?</x-forms.label>
        <x-forms.custom.switchery
            name="is_enabled"
            :value="old('is_enabled', $data->is_enabled)"
        />
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('js/jquery.fancybox.min.js') }}"></script>
@endpush