@if ($errors->any())
   <div class = "alert alert-danger">
      * Please Provide all data correctly.
      <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
   </div>
@endif
<div class="row">
    <div class="col-md-12">
        <div class="panel-body panelBodyView">
            {!! Form::open(['enctype' => 'multipart/form-data', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}
            <table class="table table-striped table-bordered table-condensed" id="employee-data">

                <tbody class="appendTr">
                    @if (count($data['existingReferences']) > 0)
                    @foreach ($data['existingReferences'] as $key => $reference)  
                    
                   
                    
                    <tr @if ($key == 0) class="first_row" @endif >
                        <td>
                            <span style="float:left;color:#000;">Company</span>
                            {!! Form::select('companies[]', ['' => 'Select'] + $data['companies'] + ['other' => 'Other'], $reference->referrer_company_id ?? 'other', [
                                'class' => 'form-control company',
                            ]) !!}
                            <br>
                            <section class="companySection">
                                <span style="float:left;color:#000;">Company Name</span>
                                {!! Form::text('company_names[]', $reference->referrer_company_name, [
                                    'class' => 'form-control companyName',
                                    'type' => 'text',
                                    'placeholder' => 'Company Name',
                                    'readonly' => 'readonly',
                                ]) !!}
                            </section>
                            <section class="employeeSection" style="display: none;">
                                <span style="float:left;color:#000;">Employee</span>
                                {!! Form::select('employees[]', ['' => 'Select'] + $data['employees'], $reference->referrer_emp_id, [
                                    'class' => 'form-control employee',
                                ]) !!}
                            </section>

                        </td>
                        <td>
                            <span style="float:left;color:#000;">Name</span>
                            {!! Form::text('names[]', $reference->referrer_name, [
                                'class' => 'form-control',
                                'type' => 'text',
                                'placeholder' => 'Name',
                            ]) !!}
                            <br>
                            <span style="float:left;color:#000;">Occupation</span>
                            {!! Form::text('occupations[]', $reference->referrer_occupation, [
                                'class' => 'form-control',
                                'id' => 'occupation',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['occupation'],
                            ]) !!}
                        </td>
                        <td>
                            <span style="float:left;color:#000;">Designation</span>
                            {!! Form::text('designations[]', $reference->referrer_designation, [
                                'class' => 'form-control',
                                'id' => 'designation',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['designation'],
                            ]) !!}<br>
                            <span style="float:left;color:#000;">Working Address</span>
                            {!! Form::text('working_addresses[]', $reference->referrer_working_address, [
                                'class' => 'form-control',
                                'id' => 'working_address',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['working_address'],
                            ]) !!}

                        </td>
                        <td>
                            <span style="float:left;color:#000;">NID No</span>
                            {!! Form::text('nid_nos[]', $reference->referrer_nid_no, [
                                'class' => 'form-control',
                                'id' => 'nid_no',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['nid_no'],
                            ]) !!}<br>
                            <span style="float:left;color:#000;">Phone</span>
                            {!! Form::text('phones[]', $reference->referrer_phone, [
                                'class' => 'form-control',
                                'id' => 'phone',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['phone'],
                            ]) !!}
                        </td>

                        <td>
                            <span style="float:left;color:#000;">Relation</span>
                            {!! Form::text('relations[]', $reference->relation, [
                                'class' => 'form-control',
                                'id' => 'relation',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['relation'],
                            ]) !!}<br>
                            <span style="float:left;color:#000;">Email</span>
                            {!! Form::text('emails[]', $reference->referrer_email, [
                                'class' => 'form-control',
                                'id' => 'email',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['email'],
                            ]) !!}
                        </td>

                        </td>
                        <td>
                            <span style="float:left;color:#000;">Mobile</span>
                            {!! Form::text('mobiles[]', $reference->referrer_mobile, [
                                'class' => 'form-control',
                                'id' => 'mobile',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['mobile'],
                            ]) !!}<br><br><br><br>
                        </td>                        
                        <td>
                            @if ($key > 0)
                        <a href="javascript:;" id="" class="btn btn-xs btn-danger removeTr"><i class="fa fa-times"></i></a>
                        @endif
                        </td>

                    </tr>
                    @endforeach
                    @else

                    <tr class="first_row">
                        <td>
                            <span style="float:left;color:#000;">Company</span>
                            {!! Form::select('companies[]', ['' => 'Select'] + $data['companies'] + ['other' => 'Other'], null, [
                                'class' => 'form-control company',
                            ]) !!}
                            <br>
                            <section class="companySection">
                                <span style="float:left;color:#000;">Company Name</span>
                                {!! Form::text('company_names[]', '', [
                                    'class' => 'form-control companyName',
                                    'type' => 'text',
                                    'placeholder' => 'Company Name',
                                    'readonly' => 'readonly',
                                ]) !!}
                            </section>
                            <section class="employeeSection" style="display: none;">
                                <span style="float:left;color:#000;">Employee</span>
                                {!! Form::select('employees[]', ['' => 'Select'] + $data['employees'], null, [
                                    'class' => 'form-control employee',
                                ]) !!}
                            </section>

                        </td>
                        <td>
                            <span style="float:left;color:#000;">Name</span>
                            {!! Form::text('names[]', '', [
                                'class' => 'form-control',
                                'type' => 'text',
                                'placeholder' => 'Name',
                            ]) !!}
                            <br>
                            <span style="float:left;color:#000;">Occupation</span>
                            {!! Form::text('occupations[]', $data['model']->occupation, [
                                'class' => 'form-control',
                                'id' => 'occupation',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['occupation'],
                            ]) !!}
                        </td>
                        <td>
                            <span style="float:left;color:#000;">Designation</span>
                            {!! Form::text('designations[]', $data['model']->designation, [
                                'class' => 'form-control',
                                'id' => 'designation',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['designation'],
                            ]) !!}<br>
                            <span style="float:left;color:#000;">Working Address</span>
                            {!! Form::text('working_addresses[]', $data['model']->working_address, [
                                'class' => 'form-control',
                                'id' => 'working_address',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['working_address'],
                            ]) !!}

                        </td>
                        <td>
                            <span style="float:left;color:#000;">NID No</span>
                            {!! Form::text('nid_nos[]', $data['model']->nid_no, [
                                'class' => 'form-control',
                                'id' => 'nid_no',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['nid_no'],
                            ]) !!}<br>
                            <span style="float:left;color:#000;">Phone</span>
                            {!! Form::text('phones[]', $data['model']->phone, [
                                'class' => 'form-control',
                                'id' => 'phone',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['phone'],
                            ]) !!}
                        </td>

                        <td>
                            <span style="float:left;color:#000;">Relation</span>
                            {!! Form::text('relations[]', $data['model']->relation, [
                                'class' => 'form-control',
                                'id' => 'relation',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['relation'],
                            ]) !!}<br>
                            <span style="float:left;color:#000;">Email</span>
                            {!! Form::text('emails[]', $data['model']->email, [
                                'class' => 'form-control',
                                'id' => 'email',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['email'],
                            ]) !!}
                        </td>

                        </td>
                        <td>
                            <span style="float:left;color:#000;">Mobile</span>
                            {!! Form::text('mobiles[]', $data['model']->mobile, [
                                'class' => 'form-control',
                                'id' => 'mobile',
                                'type' => 'text',
                                'placeholder' => $data['placeholder']['mobile'],
                            ]) !!}<br><br><br><br>
                        </td>
                        <td>
                        </td>

                    </tr>

                    @endif


                </tbody>
                <tfoot>
                    <tr>
                        <td></td>
                        <td></td>
                        <td> </td>
                        <td></td>
                        <td></td>
                        <td> <a href="javascript:;" id="addMoreEdu" class="btn btn-xs btn-info"><i
                                    class="fa fa-plus-circle"></i></a></td>
                    </tr>
                </tfoot>
            </table>
        </div>



        <div class="row" style="margin-top: 10px;">
            <div class="form-group col-md-12 text-center">
                <div class="col-sm-12">
                    {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                    <a href="{{ url('hr/employee') }}" class="btn btn-danger closeBtn">Close</a>
                </div>
            </div>
        </div>


        {!! Form::close() !!}

    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        var appendHtml = $(".first_row").clone();
        appendHtml.find('input').val("");
        $(appendHtml).find("td:last").html(
            '<a href="javascript:;" id="" class="btn btn-xs btn-danger removeTr"><i class="fa fa-times"></i></a>'
        );
        $('#addMoreEdu').click(function() {
            $('.appendTr tr:last').after(appendHtml.clone());
            $('.datepicker').datepicker({
                dateFormat: 'dd-mm-yy'
            });
        });
        $(document).on('click', '.removeTr', function() {
            if (confirm("Are you sure you want to delete this row?")) {
                $(this).parent().parent().remove();
            } else {
                return false;
            }
        });

        $(document).on('change', '.company', function(e) {
            e.preventDefault();
            if ($(this).val() != 'other' && $(this).val() != 1) {
                $(this).closest('td').find('.companyName').val($(this).find('option:selected').text())
                    .prop('readonly', true);
            } else {
                $(this).closest('td').find('.companyName').prop('readonly', false);
            }

            // if company is own company
            if ($(this).val() == 1) {
                $(this).closest('td').find('.companySection').hide();
                $(this).closest('td').find('.employeeSection').show();

                $(this).closest('tr').find(
                    'input[name="names[]"], input[name="designations[]"], input[name="nid_nos[]"], input[name="mobiles[]"], input[name="phones[]"], input[name="emails[]"]'
                    ).prop('readonly', true);
            } else {
                $(this).closest('td').find('.companySection').show();
                $(this).closest('td').find('.employeeSection').hide();

                $(this).closest('tr').find(
                    'input[name="names[]"], input[name="designations[]"], input[name="nid_nos[]"], input[name="mobiles[]"], input[name="phones[]"], input[name="emails[]"]'
                    ).prop('readonly', false);

            }
        });

        $('.company').trigger('change');

        $(document).on('change', '.employee', function(e) {
            e.preventDefault();
            var employeeElement = $(this);
            var selectedEmpId = $(this).find('option:selected').val();
            var closestTr = employeeElement.closest('tr');

            closestTr.find('input[name="names[]"], input[name="designations[]"], input[name="nid_nos[]"], input[name="mobiles[]"], input[name="phones[]"], input[name="emails[]"]').val('');

            if (selectedEmpId == '') {
                return false;
            }

            $.ajax({
                type: "POST",
                url: "{{ url('hr/employee/getEmployeeInfo') }}",
                data: {
                    id: selectedEmpId
                },
                dataType: "json",
                success: function(employee) {
                    closestTr.find('input[name="names[]"]').val(employee
                        .emp_name_english);
                    closestTr.find('input[name="designations[]"]').val(
                        employee.position);
                    closestTr.find('input[name="nid_nos[]"]').val(
                        employee.nid_no);
                    closestTr.find('input[name="mobiles[]"]').val(
                        employee.mobile_number);
                    closestTr.find('input[name="phones[]"]').val(
                        employee.phone);
                    closestTr.find('input[name="emails[]"]').val(
                        employee.email);
                },
                error: function(response) {

                }
            });
        });

    });
</script>
<style>
    .table-striped>tbody>tr {
        border-bottom: 2px solid #999;
    }
</style>