@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 Slides
    </span>
@endsection

@section('card-title', 'Editando Slide')

@section('form-content')
    <div class="form-group">
        <x-forms.label>Slider</x-forms.label>
        <x-forms.selects.basic
            name="slider_id"
            :value="old('slider_id', $data->slider_id)"
            :items="$formData->sliders"
            item-value-field="id"
            item-text-field="name"
            placeholder="Seleccionar slider"
            required="required"
        />
    </div>
    <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>
    <fieldset style="margin-bottom: 2.25rem;" class="border px-3">
        <legend class="bg-dark border-0 text-center text-uppercase">
            <strong>
                Bot&oacute;n de acci&oacute;n
            </strong>
        </legend>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <x-forms.label>Texto</x-forms.label>
                    <x-forms.input
                        type="text"
                        name="link_text"
                        :value="old('link_text', $data->link_text)"
                        placeholder="Texto"
                        maxlength="255"
                    />
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <x-forms.label>P&aacute;gina web</x-forms.label>
                    <x-forms.input
                        type="url"
                        name="link_url"
                        :value="old('link_url', $data->link_url)"
                        placeholder="P&aacute;gina web"
                        maxlength="255"
                    />
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <x-forms.label>Abrir en</x-forms.label>
                    <x-forms.selects.basic
                        name="link_target"
                        :value="old('link_target', $data->link_target)"
                        :items="$formData->linkTargets"
                        item-value-field="id"
                        item-text-field="name"
                        placeholder="Abrir en"
                    />
                </div>
            </div>
        </div>
    </fieldset>
    <fieldset style="margin-bottom: 2.25rem;" class="border px-3">
        <legend class="bg-dark border-0 text-center text-uppercase">
            <strong>Periodo activo</strong>
        </legend>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <x-forms.label>Desde</x-forms.label>
                    <x-forms.input
                        type="date"
                        name="starts_on"
                        :value="old('starts_on', isset($data->starts_on) ? $data->starts_on->toDateString() : null)"
                    />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <x-forms.label>Hasta</x-forms.label>
                    <x-forms.input
                        type="date"
                        name="ends_on"
                        :value="old('ends_on', isset($data->ends_on) ? $data->ends_on->toDateString() : null)"
                    />
                </div>
            </div>
        </div>
    </fieldset>
    <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>Orden</x-forms.label>
        <x-forms.input
            type="number"
            name="position"
            :value="old('position', $data->position)"
            placeholder="Orden"
            min="0"
            max="4294967295"
            required="required"
        />
    </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