@extends('layouts.dashboard')

@section('title', 'Form Sekolah Renang')

@section('content')
<div class="rounded-lg bg-white p-6 shadow-sm">
    <form method="POST" action="{{ route('user.school-registration.store') }}" enctype="multipart/form-data" class="grid gap-4 md:grid-cols-2">
        @csrf
        <input name="participant_name" value="{{ old('participant_name') }}" placeholder="Nama peserta" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="birth_date" type="date" value="{{ old('birth_date') }}" class="rounded-lg border border-slate-300 px-3 py-2">
        <select name="gender" class="rounded-lg border border-slate-300 px-3 py-2"><option value="">Jenis kelamin</option><option value="L">Laki-laki</option><option value="P">Perempuan</option></select>
        <input name="parent_name" value="{{ old('parent_name') }}" placeholder="Orang tua/wali" class="rounded-lg border border-slate-300 px-3 py-2">
        <input name="phone" value="{{ old('phone') }}" placeholder="Nomor HP" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <select name="program_type" class="rounded-lg border border-slate-300 px-3 py-2" required>
            <option value="Sekolah Renang Pemula">Sekolah Renang Pemula</option>
            <option value="Swimming Club">Swimming Club</option>
            <option value="Dewasa">Dewasa</option>
        </select>
        <div class="rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-bold text-slate-700 md:col-span-2">
            Nominal pendaftaran: {{ \App\Support\LocaleFormat::money(350000) }}
        </div>
        <textarea name="address" placeholder="Alamat" class="rounded-lg border border-slate-300 px-3 py-2 md:col-span-2" required>{{ old('address') }}</textarea>
        <label class="grid gap-1 text-sm font-bold">Berkas Pendaftaran<input type="file" name="document_file" class="rounded-lg border border-slate-300 px-3 py-2"></label>
        <label class="grid gap-1 text-sm font-bold">Bukti Pembayaran<input type="file" name="proof_image" accept="image/*" class="rounded-lg border border-slate-300 px-3 py-2"></label>
        <div class="md:col-span-2"><button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white">Kirim Pendaftaran</button></div>
    </form>
</div>
@endsection