@extends('adminlte::page')

@section('title', 'Formulario')

@section('content_header')
<h1>Administrador Study Abroad</h1>
@stop
@section('content')
    <div class="container">
        <h1>Crear Slider</h1>
        <form action="{{ route('slider.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @include('admin.partials.translatable-input', ['label' => 'Título', 'name' => 'title'])
            @include('admin.partials.translatable-input', ['label' => 'Descripción', 'name' => 'description', 'type' => 'textarea'])
            <div class="form-group">
                <label>Foto Mobile</label>
                <input type="file" name="mobile_image" class="form-control" required>
            </div>
            <div class="form-group">
                <label>Foto Desktop</label>
                <input type="file" name="desktop_image" class="form-control" required>
            </div>
            <div class="form-group">
                <label>Link</label>
                <input type="url" name="link" class="form-control" required>
            </div>
            <div class="form-group">
                <div class="custom-control custom-checkbox">
                    <input class="custom-control-input" type="checkbox" id="show_caption" name="show_caption" checked>
                    <label for="show_caption" class="custom-control-label">Mostrar Caption</label>
                </div>
            </div>
            <button type="submit" class="btn btn-success">Crear</button>
        </form>
    </div>
@endsection

@section('css')
<style>
    /* Opcional: estilo personalizado */
    .custom-input {
        width: 150px;
        height: 30px;
    }
</style>
@stop