@extends('layout.app')

@section('content')
<div class="hero bg-base-200">
    <div class="hero-content text-center">
        <div class="max-w-lg">
            <x-ui.form-grid>
                @slot('legend')
                Préparer une nouvelle paie
                @endslot
                <p class="mb-3">Vous allez préparer la paie pour <strong>{{ $mois }}</strong></p>
                <form method="POST" action="{{ route('paies-mois.store') }}">
                    @csrf
                    <div class="space-y-1">
                        <div class="form-control w-full @error('validation') has-error @enderror">
                            <label for="validation" class="label text-sm">Veuillez saisir " préparer la paie " dans le champ ci-dessous</label>
                            <input type="text" name="validation" id="validation" class="w-full input input-bordered" />
                            @error('validation')
                            <div class="error-message`">{{ $message }}</div>
                            @enderror
                        </div>
                        <button class="btn btn-primary">Valider</button>
                    </div>
                </form>
            </x-ui.form-grid>
        </div>
    </div>
</div>
@endsection