@extends('admin.layouts.admin')

@section('content')
<!-- Page Content-->
<div class="page-content-tab">
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <h4 class="page-title">Update Employee Information</h4>
                     <div class="float-right">
                        <ol class="breadcrumb">                            
                            <li class="breadcrumb-item">
                                <a href="{{ url('/admin/employee-list') }}">Employee List</a>
                            </li>
                            <li class="breadcrumb-item active">Update Employee</li>
                        </ol>
                    </div>
                </div>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <br>
        <!--end row-->
        @if(session('alert-green'))
        <div  id="mydiv" class="alert alert-success mt-3 text-center">
            {{ session('alert-green') }}
        </div>
        @endif

        @if(session('alert-danger'))
        <div id="mydiv" class="alert alert-danger mt-3 text-center">
            {{ session('alert-danger') }}
        </div>
        @endif
        @if($errors->any())
        <div id="mydiv" class="row">
            <div class="col-md-12 mb-5">
                @foreach ($errors->all() as $error)
                <div class="text-danger small mb-1">* {{$error}}</div>
                @endforeach
            </div>
        </div>
        @endif
        <!-- end page title end breadcrumb -->

        <div class="row"> 
            <div class="col-lg-12 mx-auto">    
                <div class="profile_update">
                    <form id="wrapped" method="POST" action="{{ route('admin.employee.updateEmployee', ['id' => $user->id]) }}" enctype="multipart/form-data">
                    @csrf   
                        @include('Employment::form.employee-form')
                    </form>
                </div>
            </div>
        </div>
        <!--end row-->
    </div>
    <!-- container -->
    @include('admin.sections.footer')
    <!--end footer-->
</div>
<!-- end page content -->



@endsection

@section('script')
<script src="{{ asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script type="text/javascript">
$(document).ready(function () {
    $('.hide_bkash').hide();
    $('#statusresult_show').hide();
    @if(($employee->employee_status == 'Inactive') || ($employee->employee_status == 'Resigned') || ($employee->employee_status == 'Terminated') || ($employee->employee_status == 'Suspended')) 
    $('#statusresult_show').show();
    $("#reasons").prop('required',true);
    @endif

    $(document).on('change', "#employee_status", function (e) {
        e.preventDefault();
        let val = $('#employee_status').val();
        //alert(val);
        if(val == 'Active'){
            $('#statusresult_show').hide();
            $("#reasons").prop('required',false);

        }
        else{
            $('#statusresult_show').show();
            $("#reasons").prop('required',true);
            $("#reasons").val('');

        }
    });

    $("#datatable").DataTable({    
        "scrollX": true    
    });    

    $('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
        localStorage.setItem('activeTab', $(e.target).attr('href'));
    });
    var activeTab = localStorage.getItem('activeTab');
    if(activeTab){
        $('#myTab a[href="' + activeTab + '"]').tab('show');
    }

    setTimeout(function() {
        $('#mydiv').fadeOut('fast');
    }, 3000);


    

 

});


    
    //Experience
    var count = 1;
    $(document).on('click', "#more_company_btn", function (e) {
        e.preventDefault();
        var html = '';
        html = html +
            '<tr id="loaded_tr_' + count + '">' +
            '<td><input   type="text"  name="company_name[]" class="form-control"></td>' +
            '<td><input type="text"  name="job_title[]" class="form-control"></td>' +
            '<td><input type="date"  name="from_date[]" class="form-control "></td>' +
            '<td><input  type="date"  name="to_date[]" class="form-control  "></td>' +
            '<td><textarea  name="remarks[]" class="form-control"></textarea></td>' +
            '<td><button onclick="remove_job(' + count + ')" class="btn btn-danger pull-right"><i class="fa fa-trash"></i></button></td>' +
            '</tr>';
        count++;
        $('#load_company_table').append(html);
    });
    function remove_job(id) {
        event.preventDefault();
        id = '#loaded_tr_' + id;
        $(id).remove();
    }

    function remove_experience(id){
        //alert(id);
        $.ajax({
            type: "POST",
            url: '{{ url("admin/employee/experience/destroy")}}/'+id, // This is what I have updated
            data: {
                "_token": "{{ csrf_token() }}"
                }
            
        }).done(function( msg ) {
            location.reload();
        });
    }

    //education
    var count_2 = 1;
    $(document).on('click', "#more_education_btn", function (e) {
        e.preventDefault();
        var html = '';
        html = html +
            '<tr id="loaded_edu_tr_' + count_2 + '">' +
            '<td><input   type="text"  name="education_level[]" class="form-control"></td>' +
            '<td><input   type="text"  name="year[]" class="form-control"></td>' +
            '<td><input   type="text"  name="result[]" class="form-control"></td>' +
            '<td><input   type="text"  name="institution[]" class="form-control"></td>' +
            '<td><button onclick="remove_education(' + count_2 + ')" class="btn btn-danger pull-right"><i class="fa fa-trash"></i></button></td>' +
            '</tr>';
        count_2++;
        $('#load_education_table').append(html);
    });
    
    function remove_education(id) {
        event.preventDefault();
        id = '#loaded_edu_tr_' + id;
        $(id).remove();
    }
    function remove_education_data(id){
        //alert(id);
        $.ajax({
            type: "POST",
            url: '{{ url("admin/employee/education/destroy")}}/'+id, // This is what I have updated
            data: {
                "_token": "{{ csrf_token() }}"
                }
            
        }).done(function( msg ) {
            location.reload();
        });
    }
    $(".date_of_birth" ).datepicker({
        dateFormat: "yy-mm-dd",
        changeMonths: "true",
        changeYear: "true"
    });
    // $('.datepicker').datepicker({
    //     inline: true
    // });

    $(document).on('change', "#payment_method", function (e) {
        e.preventDefault();
        let val = $('#payment_method').val();
        if(val == 'Bkash'){
            $('.hide_bkash').show();
            $('.hide_bank').hide();
        }
        else{
            $('.hide_bank').show();
            $('.hide_bkash').hide();
        }
    });
</script>
@endsection