@extends('admin.layouts.app')

@push('styles')
    {{-- garantir que o CSS das classes azp-* está carregado (ou no layout/global) --}}
@endpush

@section('content')
    <div class="azp-page">

        <div class="azp-page-header">
            <div class="azp-page-title-wrap">
                <div class="azp-page-title">Novo clube</div>
                <div class="azp-page-subtitle">
                    Define os dados base do clube. Depois vais poder gerir campos e stock.
                </div>
            </div>

            <a href="{{ route('admin.clubs.index') }}" class="btn outline">Voltar</a>
        </div>

        @if($errors->any())
            <div class="flash error">
                <strong>Revê os campos:</strong>
                <ul style="margin:6px 0 0 18px;font-size:13px;">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="azp-card azp-form-card">
            <form action="{{ route('admin.clubs.store') }}" method="POST" autocomplete="off" novalidate>
                @csrf
                @include('admin.clubs._form', ['club' => $club])
            </form>
        </div>
    </div>
@endsection