@extends('Training::layouts.app')

        @section('content')
            <div class="profile_update">
                <!-- /top-wizard -->
                <form id="wrapped" method="POST"
                    action="{{ route('training.profile.update') }}"
                    enctype="multipart/form-data">
                    @csrf
                    <div id="">
                        <!-- General Info Step-->
                        <div class="step">
                            <div class="card">
                                <div class="card-body">
                                    @if(session('success'))
                                        <div class="alert alert-success mt-3 text-center">
                                            {{ session('success') }}
                                        </div>
                                    @endif

                                    @if(session('error'))
                                        <div class="alert alert-danger mt-3 text-center">
                                            {{ session('error') }}
                                        </div>
                                    @endif

                                    @if(count($errors) > 0)
                                        <div class="alert alert-danger mt-3 text-center">
                                            <ul>
                                                @foreach($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif

                                    <h3 class="main_question mb-5">
                                        <button type="button" name="button" class="btn btn-primary"><i
                                                class="las la-user-circle"></i></button>
                                        Personal Information
                                    </h3>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Applicant Full Name</label>
                                                <input type="text" name="name" value="{{ $user->name ?? ''}}"
                                                    class="form-control required" required
                                                    placeholder="Enter Answer">
                                            </div>
                                        </div>
                
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Mobile
                                                    Number</label>
                                                <input type="text" name="phone"
                                                    value="{{ $user->phone ?? ''}}" pattern="[0][1][356789][0-9]{8}"
                                                    class="form-control required" required id="fName"
                                                    placeholder="Mobile Number">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Email&nbsp;&nbsp;Address</label>
                                                <input type="email" name="email"
                                                    value="{{ $user->email ?? ''}}" class="form-control required"
                                                    required
                                                    placeholder="Enter Answer">
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Father's
                                                    Name</label>
                                                <input type="text" name="father_name" value="{{ $profile->father_name ?? ''}}"
                                                    class="form-control required" required
                                                    placeholder="Enter Answer">
                                             </div>
                                        </div>           
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Mother's
                                                    Name</label>
                                                <input type="text" name="mother_name" value="{{ $profile->mother_name ?? ''}}"
                                                    class="form-control required" required
                                                    placeholder="Enter Answer">
                                             </div>
                                        </div>           
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"> <span>*</span>Spouse Name</label>
                                                <input type="text" name="spouse_name" value="{{ $profile->spouse_name  ?? ''}}"
                                                    class="form-control" 
                                                    placeholder="Enter Answer">
                                             </div>
                                        </div>           
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"> <span>*</span>Number of Child</label>
                                                <input type="number" name="number_of_child" value="{{ $profile->number_of_child  ?? ''}}"
                                                    class="form-control" 
                                                    placeholder="Enter Answer">
                                             </div>
                                        </div>           
                                  </div>
                                </div>
                            </div>
                        </div>
                        <!-- /step-->


                        <!-- Payment Information-->
                        <div class="step mt-4">
                            <div class="card">
                                <div class="card-body">
                                    <h3 class="main_question mb-5">
                                        <button type="button" name="button" class="btn btn-primary">
                                      
                                                <i class="las la-wallet"></i>
                                            </button>
                                        Payment Information
                                    </h3>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Payment Method</label>

                                                <select name="payment_method" id="payment_method" class="form-control">
                                                    <option value="">Select Payment Method</option>
                                                    <option @if(isset($profile) && $profile->payment_method == 'Bank') selected @endif value="Bank">Bank</option>
                                                    <option @if(isset($profile) && $profile->payment_method == 'Bkash') selected @endif value="Bkash">Bkash</option>
                                                </select>
                                                
                                            </div>
                                        </div>
                
                                        <div class="col-md-6" id="bkash_number_area" style="@if(isset($profile) && $profile->payment_method != 'Bkash') display:none @endif">
                                            <div class="form-group">
                                                <label class="input-label" for="fName"><span>*</span>Bkash Number</label>
                                                <input type="text" name="bkash_number"
                                                    value="{{ $profile->bkash_number ?? ''}}"
                                                    class="form-control required"  id="bkash_number"
                                                    placeholder="Bkash Number">
                                            </div>
                                        </div>
                                         
                                        <div class="col-md-12" id="bank-area" style="@if(isset($profile) && $profile->payment_method != 'Bank') display:none @endif">
                                        <div class="row" >

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="input-label" for="fName"><span>*</span>Bank Account Number</label>
                                                    <input type="text" name="account_number" id="account_number" value="{{ $profile->account_number ?? ''}}"
                                                        class="form-control required" 
                                                        placeholder="Enter Account Number">
                                                 </div>
                                            </div>           
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="input-label" for="fName"><span>*</span>Account Name</label>
                                                    <input type="text" name="account_title"  id="account_title" value="{{ $profile->account_title ?? ''}}"
                                                        class="form-control required" 
                                                        placeholder="Enter Account Name">
                                                 </div>
                                            </div>           
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="input-label" for="fName"><span>*</span>Bank Name</label>
                                                    <input type="text" name="bank_name"  id="bank_name" value="{{ $profile->bank_name ?? ''}}"
                                                        class="form-control required" 
                                                        placeholder="Enter Bank Name">
                                                 </div>
                                            </div>           
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="input-label" for="fName"><span>*</span>Branch</label>
                                                    <input type="text" name="branch"  id="branch" value="{{ $profile->branch ?? ''}}"
                                                        class="form-control required" 
                                                        placeholder="Enter Bank Name">
                                                 </div>
                                            </div>           
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="input-label" for="routing_number"><span>*</span>Routing Number</label>
                                                    <input type="text" name="routing_number"  id="routing_number" value="{{ $profile->routing_number ?? ''}}"
                                                        class="form-control required" 
                                                        placeholder="Enter Routing Number">
                                                 </div>
                                            </div>           
                                        </div>
                                    </div>
          
                                  </div>
                                </div>
                            </div>
                        </div>
                        <!-- /step-->

                        <!-- General Info Step-->
                        <div class="step mt-4">
                        <div class="card">
                            <div class="card-body">
                                <h3 class="main_question mb-5">
                                    <button type="button" name="button" class="btn btn-primary"><i class="las la-bullhorn"></i></button>
                                    Emergency Contact
                                </h3>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Emergency Contact Person</label>
                                            <input type="text" name="emergency_contact_person" value="{{ $profile->emergency_contact_person ?? ''}}"
                                                class="form-control required" required
                                                placeholder="Emergency Contact Person">
                                        </div>
                                    </div>
            
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Relation With Person</label>
                                            <input type="text" name="relation_with_person"
                                                value="{{ $profile->relation_with_person ?? ''}}"
                                                class="form-control required" required 
                                                placeholder="Relation With Person">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Mobile Number</label>
                                            <input type="text" name="person_number"
                                                value="{{ $profile->person_number  ?? ''}}"
                                                class="form-control required" required 
                                                placeholder="Mobile Number">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Address</label>
                                             <textarea name="person_address" class="form-control" placeholder="Contact Person Address" >{{ $profile->person_address ?? '' }}</textarea>
                                        </div>
                                    </div>
          
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /step-->

                        <!-- Others Info Step-->
                        <div class="step mt-4">
                        <div class="card">
                            <div class="card-body">
                                <h3 class="main_question mb-5">
                                    <button type="button" name="button" class="btn btn-primary"><i class="las la-info-circle"></i></button>
                                    Others Information
                                </h3>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Reference Name</label>
                                            <input type="text" name="referee_name" value="{{ $profile->referee_name ?? ''}}"
                                                class="form-control required"
                                                placeholder="Emergency Contact Person">
                                        </div>
                                    </div>
            
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Relation With Reference</label>
                                             <select name="relation_referee" id="" class="form-control">
                                                <option value="">Select Relation</option>
                                                <option value="Brother" {{ isset($profile) && $profile->relation_referee == 'Brother' ? 'selected' : '' }}>Brother</option>
                                                <option value="Sister" {{ isset($profile) && $profile->relation_referee == 'Sister' ? 'selected' : '' }}>Sister</option>
                                                <option value="Colleague" {{ isset($profile) && $profile->relation_referee == 'Colleague' ? 'selected' : '' }}>Colleague</option>
                                                <option value="Other" {{ isset($profile) && $profile->relation_referee == 'Other' ? 'selected' : '' }}>Other</option>
                                             </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Reference Mobile Number</label>
                                            <input type="text" name="number_referees"
                                                value="{{ $profile->number_referees  ?? ''}}"
                                                class="form-control required" required 
                                                placeholder="Mobile Number">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span> Your Whats App Number</label>
                                            <input type="text" name="whatsapp_number"
                                                value="{{ $profile->whatsapp_number  ?? ''}}"
                                                class="form-control required"
                                                placeholder="Mobile Number">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Computer Proficiency</label>
                                             <select name="computer_proficiency" id="" class="form-control" required>
                                                <option value="">Select One</option>
                                                <option value="High" {{ isset($profile) && $profile->computer_proficiency == 'High' ? 'selected' : '' }}>High</option>
                                                <option value="Medium" {{ isset($profile) && $profile->computer_proficiency == 'Medium' ? 'selected' : '' }}>Medium</option>
                                                <option value="Low" {{ isset($profile) && $profile->computer_proficiency == 'Low' ? 'selected' : '' }}>Low</option>
                                             </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>English Proficiency</label>
                                             <select name="english_proficiency" id="" class="form-control" required>
                                                <option value="">Select One</option>
                                                <option value="High" {{ isset($profile) && $profile->english_proficiency == 'High' ? 'selected' : '' }}>High</option>
                                                <option value="Medium" {{ isset($profile) && $profile->english_proficiency == 'Medium' ? 'selected' : '' }}>Medium</option>
                                                <option value="Low" {{ isset($profile) && $profile->english_proficiency == 'Low' ? 'selected' : '' }}>Low</option>
                                             </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Android Phone Configuration</label>
                                            <input type="text" name="android_mobile_configuration" value="{{ $profile->android_mobile_configuration ?? ''}}"
                                                class="form-control"
                                                placeholder="Android Phone Configuration">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Facebook Link</label>
                                            <input type="text" name="fb_page_link" value="{{ $profile->fb_page_link ?? ''}}"
                                                class="form-control"
                                                placeholder="Facebook Link">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="input-label" for="fName"><span>*</span>Vaccination Status</label>
                                             <select name="vaccine_status" id="" class="form-control">
                                                <option value="">Select Status</option>
                                                <option value="Single" {{ isset($profile) && $profile->vaccine_status == 'Single' ? 'selected' : '' }}>Single</option>
                                                <option value="Double" {{ isset($profile) && $profile->vaccine_status == 'Double' ? 'selected' : '' }}>Double</option>
                                                <option value="Booster" {{ isset($profile) && $profile->vaccine_status == 'Booster' ? 'selected' : '' }}>Booster</option>
                                                <option value="Not Given Any" {{ isset($profile) && $profile->vaccine_status == 'Not Given Any' ? 'selected' : '' }}>Not Given Any</option>
                                             </select>
                                        </div>
                                    </div>
            
          
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /step-->

                    </div>
                    <!-- /middle-wizard -->

                    <div id="bottom-wizard">
                        <button type="submit" class="btn btn-primary btn-block submit">Submit</button>
                    </div>
                    <!-- /bottom-wizard -->
                </form>
            </div>
        @endsection
  
        @push('js')
        <script  type="text/javascript">
            $(document).ready(function(){
                $('#payment_method').on('change', function(){
                    var payment_method = $(this).val();
                    if(payment_method == 'Bkash'){
                        $('#bkash_number_area').show();
                        $('#bank-area').hide();
                    }else if(payment_method == 'Bank'){
                        $('#bkash_number_area').hide();
                        $('#bank-area').show();
                    }
                    else
                    {
                        $('#bkash_number_area').hide();
                        $('#bank-area').hide();
                    }
                });

                // on form submit 

                $('#wrapped').on('submit', function(e){
                    
                    var payment_method = $('#payment_method').val();
                    if(payment_method == 'Bkash'){
                        var bkash_number = $('#bkash_number').val();
                        if(bkash_number == ''){
                            e.preventDefault();
                            alert('Please Enter Bkash Number');
                        }
                    }
                    else if(payment_method == 'Bank')
                    {

                        var bank_name = $('#bank_name').val();
                        var bank_branch = $('#branch').val();
                        var bank_number = $('#account_number').val();
                        var account_name = $('#account_title').val();
                        var routing_number = $('#routing_number').val();

                        if(bank_name == '' || bank_branch == '' || bank_number == '' || account_name == '' || routing_number == ''){
                            e.preventDefault();
                          alert('Please provide Bank Account details');
                        }
                    }

                });
                  
            });
            

        </script>
        @endpush