@extends('AdminLte.template')

<!--Title-->
@section('title')
Employee Dependents
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')
<br>
<br>
<div class="container">
    <ul class="nav nav-tabs">
        <li ><a href="{{url('tab').'/'.$id}}">Personal Details</a></li>
        <li ><a href="{{url('contact_details').'/'.$id}}">Contact Details</a></li>
        <li class="active"><a href="{{URL::current()}}">Dependents</a></li>
        <li><a href="{{url('employee_job').'/'.$id}}">Job</a></li>
        <li><a href="{{url('employee_reporting').'/'.$id}}">Reporting</a></li>
        <li><a href="{{url('employee_qualification').'/'.$id}}">Qualification</a></li>
    </ul>
    <br>
</div>
<input type="hidden" name="emp_id" value="{{$id}}">
<div class="row ">
    <div style="left: 20px;" class="col-md-2">
        <p>Dependents</p>
    </div>
    <div class="col-md-9">
        <button style="margin-bottom:10px;" data-id={{$id}}  class="pull-right btn btn-success btn-xs  btnAddD"><span class="glyphicon glyphicon-plus"></span> Add New
        </button>
    </div>
</div>
<br>
<div class="table-responsive">
    <table class="table borderNone commonFontSize">
        <thead> 
            <tr>
                <th class="th warning borderTopBottom">Name</th>
                <th class="th warning txtLeft borderTopBottom">Realtionship</th>
                <th class="th warning textRight borderTopBottom">Birth-Date</th>
                <th class="th warning textRight borderTopBottom">Action</th>
            </tr>
        </thead>
        <tbody>  
            @foreach ($employee_d as $key=>$ed) 

        <tbody>
            <tr>
                <td class="td danger borderTopBottom">&nbsp;{{ $ed->name }}</td>
                <td class="td danger borderTopBottom">&nbsp;{{$ed->relationship  }}</td> 
                <td class="td danger borderTopBottom">&nbsp;{{$ed->dob  }}</td> 
        <form action="EmployeeDependentsController@destroy">
            <td class="td danger borderTopBottom"><a class="btn btn-xs" data-id={{$id}} data-employee_dependent_id={{ $ed->employee_dependent_id }} href={{ url('employee_dependent').'/destroy'.'/'.$id.'/'.$ed->employee_dependent_id }}>Delete</a></td>
        </form>
        </tr>
        </tbody>

        @endforeach

        </tbody>
    </table>
</div>
<div class="modal-footer">
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-success btn-sm" id="btnSubmit" >Submit</button>
            <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

</div>


</div>
</div>

@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@include('Components/Bootstrap Modals/hrms_employee_dependent_modal')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/hrms_employee_dependents.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->