@extends('model.edit')

@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', 'Editando 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', $data->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', $data->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', $data->genres()->pluck('genre_id')->toArray())"
            :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', $data->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', $data->authors()->pluck('author_id')->toArray())"
            :items="$formData->authors"
            item-value-field="id"
            item-text-field="name"
            placeholder="Seleccionar autores"
        />
    </div>
@endsection