@extends('layouts.app')
@section('title', 'Register for the Serengeti Anti-Poaching Run 2027 | 15km, 10km, 5km')
@section('description', 'Register online for the Serengeti Anti-Poaching Run, 12 September 2027 at Fort Ikoma. Choose your distance, complete your runner profile, pick a package and pay securely.')
@section('content')
@include('partials.pagehead', ['h1' => __('Registration'), 'lead' => __('Step 1: tell us about the runner.')])
<section class="sec"><div class="wrap">@include('register.steps', ['step' => 1])
@if($errors->any())<div class="alert alert--bad" role="alert"><strong>Please fix the following:</strong><ul>@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>@endif
<form class="form" method="post" action="{{ lroute('register.store') }}">@csrf
<fieldset class="fs"><legend>Race</legend><div class="row"><div><label for="rc">Race distance *</label><select id="rc" name="race_category_id" required>@foreach($categories as $c)<option value="{{ $c->id }}" @selected(old('race_category_id')==$c->id)>{{ $c->name }} - {{ $c->start_label }}</option>@endforeach</select></div><div><label for="ts">T-shirt size *</label><select id="ts" name="tshirt_size" required>@foreach(['XS','S','M','L','XL','XXL'] as $s)<option @selected(old('tshirt_size')==$s)>{{ $s }}</option>@endforeach</select></div></div></fieldset>
<fieldset class="fs"><legend>Personal details</legend><div class="row"><div><label for="fn">First name *</label><input id="fn" name="first_name" required value="{{ old('first_name') }}" autocomplete="given-name"></div><div><label for="ln">Last name *</label><input id="ln" name="last_name" required value="{{ old('last_name') }}" autocomplete="family-name"></div></div>
<div class="row"><div><label for="g">Gender *</label><select id="g" name="gender" required>@foreach(['female'=>'Female','male'=>'Male','other'=>'Other / prefer not to say'] as $k=>$v)<option value="{{ $k }}" @selected(old('gender')==$k)>{{ $v }}</option>@endforeach</select></div><div><label for="dob">Date of birth *</label><input id="dob" name="dob" type="date" required value="{{ old('dob') }}" autocomplete="bday"></div>
<div><label for="nat">Nationality (citizenship) *</label><select id="nat" name="nationality_id" required><option value="">Select&hellip;</option>@foreach($countries as $c)<option value="{{ $c->id }}" @selected(old('nationality_id')==$c->id)>{{ $c->name }}</option>@endforeach</select></div></div>
<div class="row"><div><label for="it">ID document *</label><select id="it" name="id_type" required>@foreach(['national_id'=>'National ID','passport'=>'Passport','driving_licence'=>'Driving licence','other'=>'Other'] as $k=>$v)<option value="{{ $k }}" @selected(old('id_type')==$k)>{{ $v }}</option>@endforeach</select></div><div><label for="in">ID / passport number *</label><input id="in" name="id_number" required value="{{ old('id_number') }}"></div></div></fieldset>
<fieldset class="fs"><legend>Contact</legend><div class="row"><div><label for="em">Email *</label><input id="em" name="email" type="email" required value="{{ old('email') }}" autocomplete="email"></div><div><label for="ph">Phone (with country code) *</label><input id="ph" name="phone" type="tel" required value="{{ old('phone') }}" placeholder="+255..." autocomplete="tel"></div><div><label for="wa">WhatsApp (if different)</label><input id="wa" name="whatsapp" type="tel" value="{{ old('whatsapp') }}"></div></div></fieldset>
<fieldset class="fs"><legend>Where do you live? (profile &amp; location)</legend><div class="row"><div><label for="co">Country of residence *</label><select id="co" name="country_id" required><option value="">Select&hellip;</option>@foreach($countries as $c)<option value="{{ $c->id }}" @selected(old('country_id')==$c->id)>{{ $c->name }}</option>@endforeach</select></div><div><label for="rg">Region / state / province</label><input id="rg" name="region" value="{{ old('region') }}" autocomplete="address-level1"></div><div><label for="ci">City / town *</label><input id="ci" name="city" required value="{{ old('city') }}" autocomplete="address-level2"></div></div>
<div class="row"><div><label for="di">District / suburb</label><input id="di" name="district" value="{{ old('district') }}"></div><div><label for="ad">Physical address *</label><input id="ad" name="address" required value="{{ old('address') }}" autocomplete="street-address"></div><div><label for="pc">Postal code</label><input id="pc" name="postal_code" value="{{ old('postal_code') }}" autocomplete="postal-code"></div></div>
<p class="mut">Optional: pin your home or hotel on the map (helps us plan transport and kit collection).</p><div class="map" data-map="picker" data-lat="0" data-lng="20" data-zoom="2" style="height:300px">Map loads when you scroll here&hellip;</div><input type="hidden" id="lat" name="lat" value="{{ old('lat') }}"><input type="hidden" id="lng" name="lng" value="{{ old('lng') }}"><p><button type="button" id="geo" class="btn btn--sm btn--ghost">Use my current location</button></p></fieldset>
<fieldset class="fs"><legend>Running profile</legend><div class="row"><div><label for="cl">Running club / team</label><input id="cl" name="club" value="{{ old('club') }}"></div><div><label for="pb">Personal best (optional)</label><input id="pb" name="personal_best" value="{{ old('personal_best') }}"></div><div><label for="hf">How did you hear about us?</label><select id="hf" name="heard_from"><option value="">-</option>@foreach(['Facebook','Instagram','WhatsApp','Google search','Friend / family','Running club','Travel agent','Other'] as $h)<option @selected(old('heard_from')==$h)>{{ $h }}</option>@endforeach</select></div></div>
<label class="chk"><input type="checkbox" name="is_vip" value="1" id="vip" onchange="document.getElementById('vipo').hidden=!this.checked" @checked(old('is_vip'))> I am registering as a VIP runner/group (ambassador, international organisation representative, minister, corporate director etc.)</label><div id="vipo" @unless(old('is_vip')) hidden @endunless><label for="vo">Organisation / title *</label><input id="vo" name="vip_organisation" value="{{ old('vip_organisation') }}"></div></fieldset>
<fieldset class="fs"><legend>Safety</legend><div class="row"><div><label for="en">Emergency contact name *</label><input id="en" name="emergency_name" required value="{{ old('emergency_name') }}"></div><div><label for="ep">Emergency contact phone *</label><input id="ep" name="emergency_phone" type="tel" required value="{{ old('emergency_phone') }}"></div><div><label for="er">Relationship</label><input id="er" name="emergency_relation" value="{{ old('emergency_relation') }}"></div></div>
<div class="row"><div><label for="bg">Blood group</label><select id="bg" name="blood_group"><option value="">-</option>@foreach(['A+','A-','B+','B-','AB+','AB-','O+','O-'] as $b)<option @selected(old('blood_group')==$b)>{{ $b }}</option>@endforeach</select></div><div><label for="mc">Medical conditions / allergies</label><input id="mc" name="medical_conditions" value="{{ old('medical_conditions') }}"></div></div>
<p class="mut">Runners under 18 (5 km / 10 km only) must run with a responsible adult:</p><div class="row"><div><label for="gn">Guardian name</label><input id="gn" name="guardian_name" value="{{ old('guardian_name') }}"></div><div><label for="gp">Guardian phone</label><input id="gp" name="guardian_phone" type="tel" value="{{ old('guardian_phone') }}"></div></div></fieldset>
<fieldset class="fs"><legend>Consent</legend><label class="chk"><input type="checkbox" name="fit" value="1" required @checked(old('fit'))> I confirm I am medically fit to take part and run at my own risk. *</label><label class="chk"><input type="checkbox" name="consent_terms" value="1" required @checked(old('consent_terms'))> I have read and accept the <a href="{{ lroute('terms') }}" target="_blank">race terms &amp; conditions</a>, including the no-refund policy. *</label><label class="chk"><input type="checkbox" name="consent_media" value="1" required @checked(old('consent_media'))> I agree that SETSA and sponsors may use my data and event photos/recordings as set out in the terms. *</label><label class="chk"><input type="checkbox" name="consent_marketing" value="1" @checked(old('consent_marketing'))> Send me race updates by email/WhatsApp (optional).</label></fieldset>
<p><button class="btn btn--gold" type="submit">{{ __('Next: choose package') }} &rarr;</button></p></form></div></section>
@endsection