@extends("front.$version.layout")

@section('pagename')
    - {{__('حملة الرياضيين للولايات المتضررة باعصار شاهين')}}
@endsection

@section('meta-keywords', "حملة الرياضيين للولايات المتضررة باعصار شاهين")
@section('meta-description', "حملة الرياضيين للولايات المتضررة باعصار شاهين")

@section('breadcrumb-title', 'حملة الرياضيين للولايات المتضررة باعصار شاهين')
@section('breadcrumb-subtitle','')
@section('breadcrumb-link', __('حملة الرياضيين للولايات المتضررة باعصار شاهين'))

@section('content')

    <!--    contact form and map start   -->
    <div class="contact-form-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <span class="section-title">{{convertUtf8('حملة الرياضيين للولايات المتضررة باعصار شاهين')}}</span>
                    <h2 class="section-summary">{{convertUtf8('')}}</h2>
                    <form action="{{route('front.send_athletes_campaign')}}" class="contact-form" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <label for="name" class="col-sm-2 col-form-label">الأسم الثلاثي والقبيلة:</label>

                                <div class="form-element">
                                    <input name="name" type="text" placeholder="الأسم الثلاثي والقبيلة" required>
                                </div>
                                @if ($errors->has('name'))
                                    <p class="text-danger mb-0">{{$errors->first('name')}}</p>
                                @endif
                            </div>
                            <div class="col-md-12">
                                <div class="form-element">
                                    <label for="gender" class="col-sm-2 col-form-label">الجنس:</label>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="gender" id="male"
                                               value="male" required>
                                        <label class="form-check-label mx-2" for="male">ذكر</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="gender" id="female"
                                               value="female" required>
                                        <label class="form-check-label mx-2" for="female">انثي</label>
                                    </div>
                                </div>
                                @if ($errors->has('gender'))
                                    <p class="text-danger mb-0">{{$errors->first('gender')}}</p>
                                @endif
                            </div>
                            <div class="col-md-12">
                                <div class="form-element">
                                <label for="age" class="col-sm-2 col-form-label">العمر:</label>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="age" id="18_30" value="18_30"
                                           required>
                                    <label class="form-check-label mx-4" for="18_30">من ( 18 - 30 )</label>
                                </div>

                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="age" id="31_60" value="31_60"
                                           required>
                                    <label class="form-check-label mx-4" for="31_60">من ( 31 - 60 )</label>
                                </div>


                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="age" id="61_end" value="61_end"
                                           required>
                                    <label class="form-check-label mx-4" for="61_end">من ( 61 وأكثر )</label>
                                </div>
                                </div>

                                @if ($errors->has('age'))
                                    <p class="text-danger mb-0">{{$errors->first('age')}}</p>
                                @endif
                            </div>
                            <div class="col-md-12">
                                <div class="form-element">
                                <label for="work" class="col-sm-2 col-form-label">الجهة التابعة لها:</label>
                                <select id="work" name="work" class="custom-select" required>
                                    <option value="الوزارة">الوزارة</option>
                                    <option value="الاتحاد">الاتحاد</option>
                                    <option value="اللجنة الأولمبية">اللجنة الأولمبية</option>
                                    <option value="الأندية">الأندية</option>
                                    <option value="الفرق الأهلية">الفرق الأهلية</option>
                                    <option value="غير ذلك">غير ذلك</option>
                                </select>
                                </div>
                                @if ($errors->has('work'))
                                    <p class="text-danger mb-0">{{$errors->first('work')}}</p>
                                @endif
                            </div>

                            <div class="col-md-12">
                                <label for="phone" class="col-sm-2 col-form-label">رقم الهاتف:</label>

                                <div class="form-element">
                                    <input name="phone" type="text" placeholder="رقم الهاتف" required>
                                </div>
                                @if ($errors->has('phone'))
                                    <p class="text-danger mb-0">{{$errors->first('phone')}}</p>
                                @endif
                            </div>


                            <div class="col-md-12">
                                <label for="email" class="col-sm-2 col-form-label">الايميل:</label>
                                <div class="form-element">
                                    <input name="email" type="email" placeholder="الايميل">
                                </div>
                                @if ($errors->has('email'))
                                    <p class="text-danger mb-0">{{$errors->first('email')}}</p>
                                @endif
                            </div>

                            <div class="col-md-12">
                                <div class="form-element">
                                <label for="days" class="col-sm-2 col-form-label">الايام:</label>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="days" id="friday" value="friday"
                                           required>
                                    <label class="form-check-label mx-2" for="friday">الجمعة فقط</label>
                                </div>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="days" id="friday_saturday"
                                           value="friday_saturday" required>
                                    <label class="form-check-label mx-2" for="friday_saturday">الجمعه والسبت</label>
                                </div>
                                </div>
                                @if ($errors->has('days'))
                                    <p class="text-danger mb-0">{{$errors->first('days')}}</p>
                                @endif
                            </div>

                            <div class="col-md-12">
                                <div class="form-element">
                                <label for="size" class="col-sm-2 col-form-label">قياس الملابس</label>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="size" id="M" value="M" required>
                                    <label class="form-check-label mx-4" for="M">M</label>
                                </div>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="size" id="L" value="L" required>
                                    <label class="form-check-label mx-4" for="L">L</label>
                                </div>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="size" id="XL" value="XL"
                                           required>
                                    <label class="form-check-label mx-4" for="XL">XL</label>
                                </div>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="size" id="XXL" value="XXL"
                                           required>
                                    <label class="form-check-label mx-4" for="XXL">XXL</label>
                                </div>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="size" id="XXXL" value="XXXL"
                                           required>
                                    <label class="form-check-label mx-4" for="XXXL">XXXL</label>
                                </div>
                                <div class="form-check form-check-inline mb-2">
                                    <input class="form-check-input" type="radio" name="size" id="XXXXL" value="XXXXL"
                                           required>
                                    <label class="form-check-label mx-4" for="XXXXL">XXXXL</label>
                                </div>
                                </div>
                                @if ($errors->has('size'))
                                    <p class="text-danger mb-0">{{$errors->first('size')}}</p>
                                @endif
                            </div>
                            <div class="col-md-12">
                                <div class="form-element">
                                <label for="city" class="col-sm-2 col-form-label">مكان الاقامة:</label>
                                <select id="city" name="city" class="custom-select" required>
                                    @foreach(getAllCity() as $city)
                                        <option value="{{$city}}">{{$city}}</option>
                                    @endforeach
                                </select>
                                </div>
                                @if ($errors->has('work'))
                                    <p class="text-danger mb-0">{{$errors->first('work')}}</p>
                                @endif
                            </div>


                            <div class="col-md-12">
                                <div class="form-element no-margin">
                                    <input type="submit" value="{{__('Submit')}}">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <!--    contact form and map end   -->
@endsection
