@extends('admin.layout.master')
@section('home')
    <!-- Style Page -->
    <link rel="stylesheet" href="{{asset('payroll_assets/emp_management/css/style.css')}}">

    <!-- End -->
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-12">
            <h4 class="card-title text-center">Upload Employee Document</h4>
            <div class="{{ Session::get('class') }}">
                <h5>{{ Session::get('message') }}</h5>
            </div>
            <div class="accordion" id="emp_reg_form_collapse_panel">
                <form action="{{route('employeedocs.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card">
                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="card-body">
                            <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">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>
                        <div class="card-header" id="emp_image_collapse_btn">
                            <a href="#" class="bg-default btn-link btn-block" data-toggle="collapse"
                               data-target="#emp_image_collapse_body" aria-expanded="true"
                               aria-controls="emp_image_collapse_body">Employee Image
                            </a>
                        </div>
                        <div id="emp_image_collapse_body"
                             class="collapse" aria-labelledby="emp_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">Employee 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="attachment_collapse_btn">
                            <h2 class="mb-0">
                                <button class="btn btn-link btn-block text-left collapsed"
                                        type="button" data-toggle="collapse"
                                        data-target="#attachment_collapse_body"
                                        aria-expanded="true"
                                        aria-controls="attachment_collapse_body">
                                    Attachment
                                </button>
                            </h2>
                        </div>
                        <div id="attachment_collapse_body"
                             class="collapse" aria-labelledby="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">Doc 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">Doc 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">Doc 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">Doc 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">Doc 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">Doc 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-toggle="collapse"
                               data-target="#company_docs_collapse_body" aria-expanded="true"
                               aria-controls="company_docs_collapse_body">Company Docs
                            </a>
                        </div>
                        <div id="company_docs_collapse_body"
                             class="collapse" 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">Update</button>
                            @else
                                <button type="submit" class="btn btn-primary btn-md">Submit</button>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Custom Js -->
    <script src="{{asset('payroll_assets/emp_management/js/basic_info_append.js')}}"></script>
@endsection