@extends('model.create')

@include('web::sidebar')

@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', 'Creando 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', request('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')"
            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')"
            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')"
                        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')"
                        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')"
                        :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')"
                    />
                </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')"
                    />
                </div>
            </div>
        </div>
    </fieldset>
    <div class="form-group">
        <x-forms.label>Imagen</x-forms.label>
        <x-forms.input
            type="file"
            name="image"
            :value="null"
            required="required"
        />
    </div>
    <div class="form-group">
        <x-forms.label>Orden</x-forms.label>
        <x-forms.input
            type="number"
            name="position"
            :value="old('position', 99)"
            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', 1)"
        />
    </div>
@endsection