@extends('layouts.app_hr')
@section('title',__('hr.add_employee'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-style1">
            <li class="breadcrumb-item">
                <a href="#">{{__('home.home')}}</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{route('employees')}}">{{__('hr.employees')}}</a>
            </li>
            <li class="breadcrumb-item active">{{__('hr.add_employee')}}</li>
        </ol>
    </nav>

</section>

<!-- Main content -->

<div class="col-12 mb-6">

    <div id="wizard-validation" class="bs-stepper mt-2 linear">
        <div class="bs-stepper-header">
            <div class="step active" data-target="#personal-details-validation">
                <button type="button" class="step-trigger flex-lg-wrap gap-lg-2 px-lg-0" aria-selected="true">
                    <span class="bs-stepper-circle"><i class="ri-check-line"></i></span>
                    <span class="bs-stepper-label ms-lg-0">
                            <span class="d-flex flex-column gap-1 text-lg-center">
                              <span class="bs-stepper-title">{{__('lang_v1.profile')}}</span>

                            </span>
                          </span>
                </button>
            </div>
            <div class="line mt-lg-n4 mb-lg-3"></div>
            <div class="step" data-target="#work-info-validation">
                <button type="button" class="step-trigger flex-lg-wrap gap-lg-2 px-lg-0" aria-selected="false" disabled="disabled">
                    <span class="bs-stepper-circle"><i class="ri-check-line"></i></span>
                    <span class="bs-stepper-label ms-lg-0">
                            <span class="d-flex flex-column gap-1 text-lg-center">
                              <span class="bs-stepper-title">{{__('hr.work_info')}}</span>
                             </span>
                          </span>
                </button>
            </div>
            <div class="line mt-lg-n4 mb-lg-3"></div>
            <div class="step" data-target="#social-links-validation">
                <button type="button" class="step-trigger flex-lg-wrap gap-lg-2 px-lg-0" aria-selected="false" disabled="disabled">
                    <span class="bs-stepper-circle"><i class="ri-check-line"></i></span>
                    <span class="bs-stepper-label ms-lg-0">
                            <span class="d-flex flex-column gap-1 text-lg-center">
                              <span class="bs-stepper-title">{{__('hr.additional_details')}}</span>
                            </span>
                          </span>
                </button>
            </div>
        </div>
        <div class="bs-stepper-content">
            <form id="wizard-validation-form" enctype="multipart/form-data" method="post" action="{{route('employee_store')}}" onsubmit="return false">
                {{ csrf_field() }}
                <!-- personal_info Details -->
                 @include('hr.employee.add.personal_info')

                 @include('hr.employee.add.work_info')

                 @include('hr.employee.add.additional')

            </form>
        </div>
    </div>
</div>

@stop

@section('javascript')

    <script>
        $(document).ready(function(){

            $(document).on('change','#country_id',function(e){
                get_governorates();
            });
            function get_governorates(){
                var country_id=$("#country_id").val();
                jQuery.ajax({
                    url:'{{ route('Employees.get_governorates') }}',
                    type:'post',
                    'dataType':'html',

                    data:{
                        country_id:country_id
                    },
                    success: function(data){
                        $("#governorates_Div").html(data);
                    },
                    error:function(){
                        alert("عفوا لقد حدث خطأ ");
                    }

                });
            }

            $(document).on('change','#governorate_id',function(e){
                get_centers();
            });
            function get_centers(){
                var governorate_id=$("#governorate_id").val();
                jQuery.ajax({
                    url:'{{ route('Employees.get_centers') }}',
                    type:'post',
                    'dataType':'html',
                    cache:false,
                    data:{"_token":'{{ csrf_token() }}',governorate_id:governorate_id},
                    success: function(data){
                        $("#centers_div").html(data);
                    },
                    error:function(){
                        alert("عفوا لقد حدث خطأ ");
                    }

                });
            }

            $(document).on('change','#emp_military_id',function(e){
                var emp_military_id=$(this).val();
                if(emp_military_id==1){
                    $(".related_miltary_1").show();
                    $(".related_miltary_2").hide();
                    $(".related_miltary_3").hide();
                }else if(emp_military_id==2){
                    $(".related_miltary_1").hide();
                    $(".related_miltary_2").show();
                    $(".related_miltary_3").hide();
                }
                else if(emp_military_id==3){
                    $(".related_miltary_1").hide();
                    $(".related_miltary_2").hide();
                    $(".related_miltary_3").show();
                }else{
                    $(".related_miltary_1").hide();
                    $(".related_miltary_2").hide();
                    $(".related_miltary_3").hide();

                }
            });
            $(document).on('change','#does_has_Driving_License',function(e){
                if($(this).val()==1  ){
                    $(".related_does_has_Driving_License").show();
                }else{
                    $(".related_does_has_Driving_License").hide();
                }
            });

            $(document).on('change','#has_Relatives',function(e){
                if($(this).val()==1  ){
                    $(".Related_Relatives_detailsDiv").show();
                }else{
                    $(".Related_Relatives_detailsDiv").hide();
                }
            });

            $(document).on('change','#has_surgical_operations',function(e){
                if($(this).val()==1  ){
                    $(".Related_has_surgical_operationsDiv").show();
                }else{
                    $(".Related_has_surgical_operationsDiv").hide();
                }
            });

            $(document).on('change','#has_fixed_shift',function(e){
                if($(this).val()==1  ){

                    $(".relatedfixced_shift").show();
                    $("#daily_work_hourDiv").hide();
                }else if($(this).val()==0 &&  $(this).val()!=""  ){

                    $(".relatedfixced_shift").hide();
                    $("#daily_work_hourDiv").show();

                }else{

                    $(".relatedfixced_shift").hide();
                    $("#daily_work_hourDiv").hide();
                }
            });
            $(document).on('change','#MotivationType',function(e){
                if($(this).val()!=1 ){
                    $("#MotivationDIV").hide();
                }else{
                    $("#MotivationDIV").show();

                }

            });
            $(document).on('change','#has_social_insurance',function(e){
                if($(this).val()!=1 ){
                    $(".relatedhas_social_insurance").hide();
                }else{
                    $(".relatedhas_social_insurance").show();

                }

            });
            $(document).on('change','#has_medical_insurance',function(e){
                if($(this).val()!=1 ){
                    $(".relatedhas_medical_insurance").hide();
                }else{
                    $(".relatedhas_medical_insurance").show();

                }

            });
            $('form#wizard-validation-form').validate({
                rules: {
                    username: {
                        minlength: 5,
                        remote: {
                            url: "/employee/check-employee-code",
                            type: "post",
                            data: {
                                username: function() {
                                    return $( "#employee_code" ).val();
                                },
                            }
                        }
                    }
                },
                messages: {
                    username: {
                        remote: 'Invalid username or User already exist'
                    },
                }
            });
        })

    </script>




    @stop