@extends('layouts.app')
@section('titulo', 'Nueva plantilla — '.$empresa->nombre_comercial)
@section('contenido1')
<div class="card border-0">
    <div class="card-header">
        <h5 class="card-title my-0 py-3 px-1">@yield('titulo')</h5>
    </div>
    <div class="card-body">
        <form action="{{ route('empresas.plantillas.store', $empresa) }}" method="POST" class="row g-3">
            @csrf
            <div class="col-md-6">
                <label class="form-label">Nombre <span class="text-danger">*</span></label>
                <input type="text" name="nombre" class="form-control" value="{{ old('nombre') }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">Slug (opcional)</label>
                <input type="text" name="slug" class="form-control" value="{{ old('slug') }}" placeholder="Se genera del nombre si se deja vacío">
            </div>
            <div class="col-md-8">
                <label class="form-label">Plantilla Blade <span class="text-danger">*</span></label>
                <select name="blade_view" class="form-select" required>
                    @foreach($opcionesBlade as $key => $label)
                        <option value="{{ $key }}" @selected(old('blade_view') === $key)>{{ $label }} ({{ $key }})</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="es_default" value="1" id="es_default" @checked(old('es_default'))>
                    <label class="form-check-label" for="es_default">Definir como plantilla por defecto para esta empresa</label>
                </div>
            </div>
            <div class="col-12 d-flex gap-2">
                <button type="submit" class="btn btn-primary">Guardar</button>
                <a href="{{ route('empresas.plantillas.index', $empresa) }}" class="btn btn-secondary">Cancelar</a>
            </div>
        </form>
    </div>
</div>
@endsection