@extends('layouts.admin.app')

@section('content')
<div class="container-fluid py-4">

    {{-- HEADER --}}
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h4 class="fw-bold text-info mb-0"><i class="fas fa-plus"></i> Novo Banner</h4>
        <a href="{{ route('dashboard.admin.configuracoes.banner.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Voltar
        </a>
    </div>

    {{-- FORMULÁRIO --}}
    <div class="card shadow-lg border-0 rounded-4 p-4">

        {{-- Mostrar erros --}}
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('dashboard.admin.configuracoes.banner.store') }}" 
              method="POST" 
              enctype="multipart/form-data">
            @csrf

            <div class="row g-3">

                <div class="col-md-6">
                    <label class="form-label">Título</label>
                    <input type="text" name="title" class="form-control" value="{{ old('title') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label">Ordem</label>
                    <input type="number" name="order" class="form-control" value="{{ old('order', 0) }}">
                </div>

                <div class="col-12">
                    <label class="form-label">Subtítulo / Chamada</label>
                    <textarea name="subtitle" class="form-control" rows="3">{{ old('subtitle') }}</textarea>
                </div>

                <div class="col-12">
                    <label class="form-label">Imagem de Fundo</label>
                    <input type="file" name="image" class="form-control" accept="image/*" required>
                </div>

            </div>

            <button class="btn btn-info mt-4">
                <i class="fas fa-save"></i> Salvar Banner
            </button>
        </form>

    </div>
</div>
@endsection