@extends('coach.layouts.app')
@section('content')
    <div class="main-content" id="panel">
        <!-- Topnav -->
        @include('coach.layouts.navbar')
        <!-- Header -->
        <!-- Header -->

        <!-- Page content -->
        <div class="container-fluid mt-6 ">
            @if(count($eduDoc)>0)
                @if($eduDoc[0]->is_submit == 1)
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h5 class="text-success" >*Assesment Submitted Successfully on {{date('d-M-Y H:i:s' , strtotime($eduDoc[0]->created_at))}} </h5>
                        </div>
                    </div>
                @endif
            @endif
            <div class="row">
                <div class="nav-wrapper w-100">
                    <ul class="nav nav-pills nav-fill flex-column flex-md-row" id="tabs-icons-text" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link mb-sm-3 mb-md-0 active assesment" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true"><i class="fa fa-info-circle mr-2"></i>General Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-sm-3 mb-md-0 assesment" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false"><i class="fas fa-user-graduate mr-2"></i>Education Summery</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-sm-3 mb-md-0 assesment" id="tabs-icons-text-3-tab" data-toggle="tab" href="#tabs-icons-text-3" role="tab" aria-controls="tabs-icons-text-3" aria-selected="false"><i class="fas fa-tasks mr-2"></i>Proficiency Scores</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-sm-3 mb-md-0 assesment" id="tabs-icons-text-4-tab" data-toggle="tab" href="#tabs-icons-text-4" role="tab" aria-controls="tabs-icons-text-3" aria-selected="false"><i class="fas fa-user mr-2"></i>Background Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-sm-3 mb-md-0 assesment" id="tabs-icons-text-5-tab" data-toggle="tab" href="#tabs-icons-text-5" role="tab" aria-controls="tabs-icons-text-3" aria-selected="false"><i class="fa fa-upload mr-2"></i>Work Experience</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mb-sm-3 mb-md-0 assesment" id="tabs-icons-text-6-tab" data-toggle="tab" href="#tabs-icons-text-6" role="tab" aria-controls="tabs-icons-text-3" aria-selected="false"><i class="fa fa-upload mr-2"></i>Upload Documnet</a>
                        </li>
                    </ul>
                </div>
                <div class="card shadow w-100">
                    <div class="card-body">
                        @include('errors.error')
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
                            @include('coach.student.assesmentform.generalinfo')
                            </div>
                            <div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
                                @include('coach.student.assesmentform.education-history')
                            </div>
                            <div class="tab-pane fade" id="tabs-icons-text-3" role="tabpanel" aria-labelledby="tabs-icons-text-3-tab">
                            @include('coach.student.assesmentform.add-test')
                            </div>
                            <div class="tab-pane fade" id="tabs-icons-text-4" role="tabpanel" aria-labelledby="tabs-icons-text-3-tab">
                                @include('coach.student.assesmentform.background-info')
                            </div>
                            <div class="tab-pane fade" id="tabs-icons-text-5" role="tabpanel" aria-labelledby="tabs-icons-text-3-tab">
                                @include('coach.student.assesmentform.work-experience')
                            </div>
                            <div class="tab-pane fade" id="tabs-icons-text-6" role="tabpanel" aria-labelledby="tabs-icons-text-3-tab">
                                @include('coach.student.assesmentform.document-upload')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <!-- Footer -->
        </div>
    </div>
@push('cs')
    <script>
        // Get All State
        $("#country").change(function(){
        var cid = $(this).val()
            $.ajax({
                type: "get",
                url: "{{url('/') }}/coach/get-states/"+cid,
                success: function (data) {
                    $("#state").empty();
                    $.each(data, function(i,item) {
                    $("#state").append(`
                            <option value="${item.id}">${item.name}</option>
                        `);
                    });
                }
            });
        });

        // Get All City
        $("#state").change(function(){
        var sid = $(this).val()
            $.ajax({
                type: "get",
                url: "{{url('/') }}/coach/get-cities/"+sid,
                success: function (data) {
                    $("#city").empty();
                    $.each(data, function(i,item) {
                    $("#city").append(`
                            <option value="${item.id}">${item.name}</option>
                        `);
                    });
                }
            });
        });

        // Select Multiple Services
        $(".chosen-select").chosen({
        no_results_text: "Oops, nothing found!"
        })

        // Remove Error Message on Outside Click
        $(".form-control").change(function (e) {
        console.log($(this));
        $(this).parent().parent().find('.error').html('');
        });


        // Alert When is final checked
        $(".is_final").change(function (e) {
            e.preventDefault();
            if(this.checked) {
                $(".alert").toggleClass('d-none d-block');
            }else{
                $(".alert").toggleClass('d-none d-block');
            }

        });
    </script>

    {{-- @if( isset($ginfo) && $ginfo->is_submit == 1)
        @if( isset($EduSummery) && $EduSummery->is_submit == 1)
            @if( isset($gre) && $gre->is_submit == 1)
                @if( isset($backgroundInfo) && $backgroundInfo->is_submit == 1)
                    @if ( isset($workExp) && $workExp[0]->is_submit == 1)
                    <script>
                        // $(".assesment").removeClass('active');
                        $("#tabs-icons-text-6-tab").click();
                    </script>
                    @else
                    <script>
                        // $(".assesment").removeClass('active');
                        $("#tabs-icons-text-5-tab").click();
                    </script>
                    @endif


                @else
                <script>
                    // $(".assesment").removeClass('active');
                    $("#tabs-icons-text-4-tab").click();
                </script>
                @endif
            @else
            <script>
                // $(".assesment").removeClass('active');
                $("#tabs-icons-text-3-tab").click();
            </script>
            @endif

        @else
            <script>
                // $(".assesment").removeClass('active');
                $("#tabs-icons-text-2-tab").click();
            </script>
        @endif
    @else
    <script>
        // $(".assesment").removeClass('active');
        $("#tabs-icons-text-1-tab").click();
    </script>
    @endif --}}
@endpush
@endsection