@extends('admin.layout.master')
@section('content')

@include('flash-message')
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h4 class="card-title text-center">{{__('obs.upload')}} {{__('obs.employee')}} {{__('obs.document')}}</h4>
    </div>
    <link rel="stylesheet" href="{{asset('payroll_assets/emp_management/css/style.css')}}">
    <!-- End -->

        <div class="card-body">
            <form action="{{route('payroll.hrm.employee.employee_docs_store')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                        <div class="row">
                            <label class="col-md-1 text-nowrap">{{__('obs.employee')}}</label>
                            <div class="form-group col-md-4">
                                <select class="form-control select-2" id="emp_id" name="emp_id">
                                    <option value="0">--Select--</option>
                                    @if(!empty($emp_list))
                                        @foreach($emp_list as $emp_val)
                                            <option value="{{$emp_val->id}}"
                                                    @if(!empty($emp_info) && $emp_info->id==$emp_val->id) selected @endif>{{$emp_val->emp_name}}
                                                ({{$emp_val->emp_code}})
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-header" id="employee_image_collapse_btn">
                    <a href="#" class="bg-default btn-link btn-block" data-bs-toggle="collapse"
                       data-bs-target="#employee_image_collapse_body" aria-expanded="true"
                       aria-controls="employee_image_collapse_body">{{__('obs.employee')}} {{__('obs.image')}}
                    </a>
                </div>


                <div id="employee_image_collapse_body" class="collapse" aria-labelledby="employee_image_collapse_btn"
                    data-parent="#emp_reg_form_collapse_panel">
                    <div class="card-body">
                        <div class="row docs_group" data-id="1">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                <div class="row">
                                    <label class="col-4 text-nowrap">{{__('obs.employee')}} {{__('obs.image')}}</label>
                                    <div class="form-group col-8">
                                        @if(!empty($emp_info))
                                            <img src="{{asset($emp_info->em_img)}}"
                                                    alt="Image"
                                                    style="height: 100px;width: 100px"/>
                                        @endif
                                        <input type="hidden" name="old_image"
                                                value="@if(!empty($emp_info)){{$emp_info->em_img}}@endif">
                                        <input type="file" style="height: 42px" name="employee_image"
                                                id="employee_image" class="form-control input-sm">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

 
                <div class="card-header" id="employee_attachment_collapse_btn">
                    <h2 class="mb-0">
                        <button class="btn btn-link btn-block text-left collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#employee_attachment_collapse_body" aria-expanded="false"
                                aria-controls="employee_attachment_collapse_body">
                                {{__('obs.attachment')}}
                        </button>
                    </h2>
                </div>
                <div id="employee_attachment_collapse_body" class="collapse" aria-labelledby="employee_attachment_collapse_btn"
                     data-parent="#emp_reg_form_collapse_panel">

                    <div class="card-body">
                        @if(count($emp_docs)>0)
                            @php($i=0)
                            @foreach($emp_docs as $info)
                                <input type="hidden" name="doc_row_id[]" id="doc_row_id" value="{{$info->id}}">
                                <div class="row docs_group" data-id="{{$i}}">
                                    <div class="col-lg-3 col-md-3 col-sm-4 col-12">
                                        <div class="row">
                                            <label class="col-4 text-nowrap">{{__('obs.doc')}} {{__('obs.groups')}}</label>
                                            <div class="form-group col-8">
                                                <select class="form-control emp_doc_group_list"
                                                        name="emp_doc_groups[]"
                                                        id="emp_doc_groups_{{$i}}">
                                                    <option value="0">--Select--</option>
                                                    @if(!empty($doc_types))
                                                        @foreach($doc_types as $doc_val)
                                                            <option value="{{$doc_val->id}}"
                                                                    @if($info->group_id==$doc_val->id) selected @endif>
                                                                {{$doc_val->name}}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                        <div class="row">
                                            <label class="col-4 text-nowrap">{{__('obs.doc')}} {{__('obs.file')}}</label>
                                            <div class="form-group col-8">
                                                <a target="_blank"
                                                    href="{{asset($info->doc_link)}}">{{$info->doc_name}}</a>
                                                <input type="hidden" name="old_file[]"
                                                        value="{{$info->doc_link}}">
                                                <input type="file" class="form-control" style="height: 42px"
                                                        id="emp_doc_file_{{$i}}" name="emp_doc_file[]">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                        <div class="row">
                                            <label class="col-4 text-nowrap">{{__('obs.doc')}} {{__('obs.link')}}</label>
                                            <div class="form-group col-8">
                                                <a target="_blank"
                                                    href="{{asset($info->doc_external_link)}}">{{$info->doc_external_link}}</a>
                                                <input type="text" class="form-control" style="height: 42px"
                                                        value="{{$info->doc_external_link}}"
                                                        id="emp_doc_link_{{$i}}" name="emp_doc_link[]">
                                            </div>
                                        </div>
                                    </div>
                                    {{--<div class="col-lg-4 col-md-4 col-sm-6 col-12">
                                        <div class="form-group col-8">
                                            <button class="btn btn-sm btn-success"
                                                    type="button" onclick="attachment_fields();">
                                                <i class="fas fa-plus-square"></i>
                                            </button>
                                        </div>
                                    </div>--}}
                                    <div class="clear"></div>
                                </div>
                                @php($i++)
                            @endforeach
                        @endif
                        <input type="hidden" name="doc_row_id[]" id="doc_row_id" value="0">
                        <div class="row docs_group" data-id="1">
                            <div class="col-lg-3 col-md-3 col-sm-4 col-12">
                                <div class="row">
                                    <label class="col-4 text-nowrap">{{__('obs.doc')}} {{__('obs.groups')}}</label>
                                    <div class="form-group col-8">
                                        <select class="form-control emp_doc_group_list"
                                                name="emp_doc_groups[]"
                                                id="emp_doc_groups_1">
                                            <option value="0">--Select--</option>
                                            @if(!empty($doc_types))
                                                @foreach($doc_types as $doc_val)
                                                    <option value="{{$doc_val->id}}">
                                                        {{$doc_val->name}}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                <div class="row">
                                    <label class="col-4 text-nowrap">{{__('obs.doc')}} {{__('obs.file')}}</label>
                                    <div class="form-group col-8">
                                        <input type="hidden" name="old_file[]" id="old_file">
                                        <input type="file" class="form-control" style="height: 42px"
                                                id="emp_doc_file_1" name="emp_doc_file[]">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                <div class="row">
                                    <label class="col-4 text-nowrap">{{__('obs.doc')}} {{__('obs.link')}}</label>
                                    <div class="form-group col-8">
                                        <input type="text" class="form-control" style="height: 42px"
                                                id="emp_doc_link_1" name="emp_doc_link[]">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                <div class="form-group col-8">
                                    <button class="btn btn-sm btn-success"
                                            type="button" onclick="attachment_fields();">
                                        <i class="fas fa-plus-square"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>

                        <div id="attachment_fields"></div>
                    </div>
                </div>

                <div class="card-header" id="company_docs_collapse_btn">
                    <a href="#" class="bg-default btn-link btn-block" data-bs-toggle="collapse"
                       data-bs-target="#company_docs_collapse_body" aria-expanded="false"
                       aria-controls="company_docs_collapse_body">{{__('obs.company')}} {{__('obs.docs')}}
                    </a>
                </div>

                <div id="company_docs_collapse_body" class="collapse show" aria-labelledby="company_docs_collapse_btn"
                    data-parent="#emp_reg_form_collapse_panel"><div class="card-body">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                @if(!empty($company_docs))
                                    @foreach($company_docs as $doc_val)
                                        @php($emp_company_doc_info = $emp_wise_company_docs->where('company_doc_info',$doc_val->id)->first())
                                        <div class="row">
                                            <div class="form-group col-2">
                                                <input type="checkbox" class="form-control input-sm"
                                                    value="{{$doc_val->id}}" name="company_doc[]"
                                                @if(!empty($emp_company_doc_info) && $emp_company_doc_info->company_doc_info==$doc_val->id)checked @endif/>
                                            </div>

                                            <label class="col-10 text-nowrap">{{$doc_val->doc_title}}</label>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                
                <div class="text-center mt-3 mb-3">
                    @if(!empty($emp_docs))
                        <button type="submit" class="text-center btn btn-warning btn-md">{{__('obs.update')}}</button>
                    @else
                        <button type="submit" class="btn btn-primary btn-md">{{__('obs.submit')}}</button>
                    @endif
                </div>




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


function calculate_age(data) {
    let dob = $(data).val();
    let today = new Date();

    let first_date = moment(dob, 'DD-MM-YYYY');
    let last_date =moment(today, 'DD-MM-YYYY');
    let age = last_date.diff(first_date, 'years');

    $("#emp_age").val(age);
}



$("#emp_probation_period").keyup(function() {
    let provision = $(this).val();
    let emp_joining_date = $("#emp_joining_date").val();
    let emp_confirm_date = moment(emp_joining_date, 'DD-MM-YYYY').add(provision, 'days').format("DD-MM-YYYY");

    $("#emp_confirm_date").val(emp_confirm_date);
});


$("#emp_joining_date").on('change',function () {
    let provision = $("#emp_probation_period").val();
    let emp_joining_date = $(this).val();
    let emp_confirm_date = moment(emp_joining_date, 'DD-MM-YYYY').add(provision, 'days').format("DD-MM-YYYY");

    $("#emp_confirm_date").val(emp_confirm_date);
});

</script>
<script src="{{asset('payroll_assets/emp_management/js/basic_info_append.js')}}"></script>
<script src="{{asset('payroll_assets/emp_management/js/insert_basic_info.js')}}"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

@endsection



@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

<script>
  $('.select_2').select2();

</script>
@endsection