@extends('layouts.masterLayout.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box">
                        <div class="box-header">
                            <h3 class="box-title" style="color: red">Player Information</h3>
                        </div><!-- /.box-header -->
                        <div class="box-body">
                            <form method="post" action="{{ route('admin.players.store') }}" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-sm-12">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>?Are above 18 year Old</label><br>
                                            <input name="adult" value="true" type="radio" onchange="showdiv()">Yes<br>
                                            <input name="adult" value="false" type="radio" onchange="hidediv()">No<br>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>First Name</label>
                                            <input name="first_name" type="text" value="{{ old('first_name') }}"
                                                class="form-control required" placeholder="Enter first Name">
                                            @if ($errors->has('first_name'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('first_name') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Middle Name</label>
                                            <input name="middle_name" type="text" value="{{ old('middle_name') }}"
                                                class="form-control required" placeholder="Enter middle Name">
                                            @if ($errors->has('middle_name'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('middle_name') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Family Name</label>
                                            <input name="family_name" type="text" value="{{ old('family_name') }}"
                                                class="form-control required" placeholder="Enter family Name">
                                            @if ($errors->has('family_name'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('family_name') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Nick Name</label>
                                            <input name="nick_name" value="{{ old('nick_name') }}" type="text"
                                                class="form-control required" placeholder="Enter nick Name">
                                            @if ($errors->has('nick_name'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('nick_name') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Date of Birth</label>
                                            <input name="dob" type="date" value="{{ old('dob') }}"
                                                class="form-control required" placeholder="Enter date of birth">
                                            @if ($errors->has('dob'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('dob') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- select -->
                                        <div class="form-group">
                                            <label>Gender</label>
                                            <select class="form-control required" name="gender">
                                                <option value="male">Male</option>
                                                <option value="female">Female</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>ID Number</label>
                                            <input name="id_number" type="text" value="{{ old('id_number') }}"
                                                class="form-control required" placeholder="Enter ID Number">
                                            @if ($errors->has('id_number'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('id_number') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Nationalaties</label>
                                            <input name="nationalaties" type="text" value="{{ old('nationalaties') }}"
                                                class="form-control required" placeholder="Enter Nationalaties">
                                            @if ($errors->has('nationalaties'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('nationalaties') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Language</label>
                                            <select name="language[]" type="text" multiple id="slect1"
                                                class="select2 form-control">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>National Address</label>
                                            <input name="national_address" type="text" class="form-control required"
                                                placeholder="Enter national address">
                                        </div>
                                        @if ($errors->has('nationalaties'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('nationalaties') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>City</label>
                                            <input name="city" type="text" class="form-control required"
                                                placeholder="Enter city">
                                            @if ($errors->has('city'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('city') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Mobile Number</label>
                                            <input name="phone" type="number" value="{{ old('phone') }}"
                                                class="form-control required" placeholder="Enter Phone number">
                                            @if ($errors->has('phone'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('phone') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Email</label>
                                            <input name="email" type="text" value="{{ old('email') }}"
                                                class="form-control required" placeholder="Enter Email">
                                            @if ($errors->has('email'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('email') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>Sports</label>
                                            <select class="form-control" name="sport_id[]" multiple id="slect">
                                                <option disabled>Select Sports</option>
                                                @foreach ($sports as $sport)
                                                    <option value="{{ $sport->name }}">{{ $sport->name }}</option>
                                                @endforeach
                                            </select>
                                            @if ($errors->has('sport_id'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('sport_id') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>profile image</label>
                                            <input type="file" name="profile_image" class="form-control">
                                            @if ($errors->has('profile_image'))
                                                <div class="error" style="color: red">
                                                    {{ $errors->first('profile_image') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>?Is the player able to approve on medical treatment on behalf of him self
                                            </label><br>
                                            <input name="aprove_on_treatment" value="true" type="radio">Yes<br>
                                            <input name="aprove_on_treatment" value="false" type="radio">No<br>
                                        </div>
                                    </div>
                                    {{-- <p id="resultBday"></p>
                                    <input type="date" name="bday" id="bday" onchange="submitBday()"> --}}
                                </div>
                        </div>
                    </div>
                    <div class="box" id="young_player" style="display: none">
                        <div class="box-header">
                            <h3 class="box-title" style="color: red">Young Player Information</h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Disability Types</label>
                                        <select class="form-control" name="disability_type">
                                            <option>Select Type</option>
                                            @foreach ($disability_types as $key => $disability_type)
                                                <option value="{{ $disability_type->disablity_type }}">
                                                    {{ $disability_type->disablity_type }}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('disability_type'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('disability_type') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Linguistic needs</label>
                                        <input name="Linguistic_needs" type="text" class="form-control required"
                                            placeholder="Enter Linguistic  needs">
                                        @if ($errors->has('Linguistic_needs'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('Linguistic_needs') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Medical status</label>
                                        <input name="Medical_status" type="text" class="form-control required"
                                            placeholder="Enter Medical status">
                                        @if ($errors->has('Medical_status'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('Medical_status') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Educational status</label>
                                        <input name="educational_status" type="text" class="form-control required"
                                            placeholder="Enter educational status">
                                        @if ($errors->has('educational_status'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('educational_status') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Phycological status</label>
                                        <input name="phycological_status" type="text" class="form-control required"
                                            placeholder="Enter Phycological  status">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Player strength points</label>
                                        <input name="player_strength_points" type="text" class="form-control required"
                                            placeholder="Enter player strength points">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Player weakness points</label>
                                        <input name="player_weakness_points" type="text" class="form-control required"
                                            placeholder="Enter player weakness points">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Is player has diet system?</label>
                                        <input name="diet_system" type="text" class="form-control required"
                                            placeholder="Enter player Deiet system">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Any Other Information?</label>
                                        <input name="other_information" type="text" class="form-control required"
                                            placeholder="Enter other information">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Is the player has disability or mental disability?</label><br>
                                        <input name="mently_disable" value="true" type="radio">yes<br>
                                        <input name="mently_disable" value="false" type="radio">no<br>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Is the player need a push chair to move?</label><br>
                                        <input type="radio" value="true" name="chair">yes<br>
                                        <input type="radio" value="false" name="chair">no<br>
                                        @if ($errors->has('chair'))
                                            <div class="error" style="color: red">{{ $errors->first('chair') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Tsirt Size</label><br>
                                        <input type="radio" name="tshirt_size" value="Small">S
                                        <input type="radio" name="tshirt_size" value="Mediam">M
                                        <input type="radio" name="tshirt_size" value="Large">L
                                        <input type="radio" name="tshirt_size" value="Extra larg">XL
                                        @if ($errors->has('tshirt_size'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('tshirt_size') }}</div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box" id="guardian_information" style="display: none">
                        <div class="box-header">
                            <h3 class="box-title" style="color: red">Guardian Information</h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Guardian Name</label>
                                        <input name="gardian_name" type="text" class="form-control required"
                                            placeholder="Enter gardian name">
                                        @if ($errors->has('gardian_name'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('gardian_name') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Guardian Relation</label>
                                        <input name="gardian_relation" type="text" class="form-control required"
                                            placeholder="Enter gardian relation">
                                        @if ($errors->has('gardian_relation'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('gardian_relation') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Guardian City</label>
                                        <input name="gardian_city" type="text" class="form-control required"
                                            placeholder="Enter gardian city">
                                        @if ($errors->has('gardian_city'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('gardian_city') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Guardian Mobile</label>
                                        <input name="gardian_mobile" type="number" class="form-control required"
                                            placeholder="Enter gardian mobile">
                                        @if ($errors->has('gardian_mobile'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('gardian_mobile') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Guardian Email</label>
                                        <input name="gardian_email" type="email" class="form-control required"
                                            placeholder="Enter gardian email">
                                        @if ($errors->has('gardian_email'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('gardian_email') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Guardian Address</label>
                                        <input name="gardian_address" type="text" class="form-control required"
                                            placeholder="Enter gardian address">
                                        @if ($errors->has('gardian_address'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('gardian_address') }}</div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box">
                        <div class="box-header">
                            <h3 class="box-title" style="color: red">Doctor Information</h3>
                        </div>
                        <div class="box-body">
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                    <label>Doctor Name</label>
                                    <input name="doctor_name" type="text" class="form-control required"
                                        placeholder="Enter doctor name">
                                    @if ($errors->has('doctor_name'))
                                        <div class="error" style="color: red">
                                            {{ $errors->first('doctor_name') }}</div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                    <label>Doctor mobile</label>
                                    <input name="doctor_mobile" type="number" class="form-control required"
                                        placeholder="Enter doctor mobile number">
                                    @if ($errors->has('doctor_moile'))
                                        <div class="error" style="color: red">
                                            {{ $errors->first('doctor_mobile') }}</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box">
                        <div class="box-header">
                            <h3 class="box-title" style="color: red">Emergency Contact</h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Name</label>
                                        <input name="emg_person_name" type="text" class="form-control "
                                            placeholder="Enter name">
                                        @if ($errors->has('emg_person_name'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('emg_person_name') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Relation</label>
                                        <input name="emg_person_relation" type="text" class="form-control "
                                            placeholder="Enter relation">
                                        @if ($errors->has('emg_person_relation'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('emg_person_relation') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label>Mobile</label>
                                        <input name="emg_person_mobile" type="number" class="form-control "
                                            placeholder="Enter emergency mobile number">
                                        @if ($errors->has('emg_person_mobile'))
                                            <div class="error" style="color: red">
                                                {{ $errors->first('emg_person_mobile') }}</div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label>disability certificates</label>
                            <input name="disability_certificate[]" type="file" multiple class="form-control">
                            @if ($errors->has('disability_certificate'))
                                <div class="error" style="color: red">
                                    {{ $errors->first('disability_certificate') }}</div>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label>medical certificates</label>
                            <input name="medical_certificate[]" type="file" multiple class="form-control">
                            @if ($errors->has('medical_certificate'))
                                <div class="error" style="color: red">
                                    {{ $errors->first('medical_certificate') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
            </form>
    </div><!-- /.box -->
    </div><!-- /.col -->
    </div><!-- /.row -->
    </section>
    </div>
    <script>
        function showdiv() {
            document.getElementById('young_player').style.display = 'none';
            document.getElementById('guardian_information').style.display = 'none';
        }

        function hidediv() {
            document.getElementById('guardian_information').style.display = 'block';
            document.getElementById('young_player').style.display = 'block';
        }

        function submitBday() {
            var Q4A = "Your birthday is: ";
            var Bdate = document.getElementById('bday').value;
            var Bday = +new Date(Bdate);
            Q4A += ~~((Date.now() - Bday) / (31557600000));
            {{-- alert(Q4A); --}}
        }
    </script>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" defer></script>
    <script>
        $(document).ready(function() {
            $('#slect').select2({
                multiple: true,
                placeholder: "select Sports",
            });

        });
        $(document).ready(function() {
            $('#slect1').select2({
                tags: true,
                placeholder: "select languages",
            });

        });
    </script>
@endsection