@extends('model.create')

@include('library::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 Libros
    </span>
@endsection

@section('card-title', 'Creando Libro')

@section('form-content')
    <div class="form-group">
        <x-forms.label>C&oacute;digo</x-forms.label>
        <x-forms.input
            type="number"
            name="code"
            :value="old('code')"
            placeholder="Código"
            min="0"
            step="1"
        />
    </div>
    <div class="form-group">
        <x-forms.label>T&iacute;tulo</x-forms.label>
        <x-forms.input
            type="text"
            name="title"
            :value="old('title')"
            placeholder="Título"
        />
    </div>
    <div class="form-group">
        <x-forms.label>G&eacute;neros</x-forms.label>
        <x-forms.selects.multiple
            name="genres[]"
            :values="old('genres')"
            :items="$formData->genres"
            item-value-field="id"
            item-text-field="name"
            placeholder="Seleccionar géneros"
        />
    </div>
    <div class="form-group">
        <x-forms.label>Nacionalidad</x-forms.label>
        <x-forms.selects.basic
            name="nationality_id"
            :value="old('nationality_id')"
            :items="$formData->nationalities"
            item-value-field="id"
            item-text-field="name"
            placeholder="Seleccionar nacionalidad"
        />
    </div>
    <div class="form-group">
        <x-forms.label>Autores</x-forms.label>
        <x-forms.selects.multiple
            name="authors[]"
            :values="old('authors')"
            :items="$formData->authors"
            item-value-field="id"
            item-text-field="name"
            placeholder="Seleccionar autores"
        />
    </div>
@endsection