@extends('layouts.app')
@section('content')
<div class="portlet">
    <div class="portlet-title" id="backbtn">
        <div class="caption">
            <i class=""></i>@lang('layout.Details')
        </div>
        <div class="tools">
            <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
            <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
            {{--<a href="javascript:;" class="reload" data-original-title="" title=""> </a>--}}
            {{--<a href="javascript:;" class="remove" data-original-title="" title=""> </a>--}}
        </div>
    </div>
    <div class="portlet-body">
        <div class="table-scrollable">
            <table class="table table-striped table-bordered table-advance table-hover">
                <thead>
                    <tr>
                        <th>
                           @lang('layout.Number') 
                        </th>
                        <th>
                            @lang('layout.ContractCode')
                        </th>
                        <th>
                            @lang('layout.EmployeeName')
                        </th>  
                        <th>
                           @lang('layout.Date') 
                        </th>
                        <th>
                            @lang('layout.StartContractWrk')
                        </th>
                        <th>
                            @lang('layout.ContractStartDate')
                        </th>  
                        <th>
                            @lang('layout.ContractEndDate')
                        </th>  
                        <th>
                            @lang('layout.ContractDuration')
                        </th>  
                        <th>
                            @lang('layout.MonthlySalary')
                        </th>   
                        <th>
                            @lang('layout.Phone')
                        </th>   
                        <th>
                            @lang('layout.Description')
                        </th>   
                        <th>
                            @lang('layout.User')
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>  
                        <td> {{ $employeeContractDetails->number}}  </td>
                        <td> {{ $employeeContractDetails->contract_code }}  </td> 
                        <td> {{ $employeeContractDetails->member_name }}  </td> 
                        <td> {{ convertDate($employeeContractDetails->date)}}  </td>
                        <td> {{ convertDate($employeeContractDetails->start_work_day) }}  </td> 
                        <td> {{ convertDate($employeeContractDetails->contract_end_date) }}  </td> 
                        <td> {{ convertDate($employeeContractDetails->contract_end_date) }}  </td> 
                        <td> {{ $employeeContractDetails->contract_duration }}  </td> 
                        <td> {{ $employeeContractDetails->monthly_salary }}  </td> 
                        <td> {{ $employeeContractDetails->phone }}  </td> 
                        <td> {{ $employeeContractDetails->note }}  </td> 
                        <td> {{ $employeeContractDetails->username }}  </td> 
                    </tr>
                </tbody>
            </table>
            <table class="table table-striped table-bordered table-advance table-hover">
                <thead>
                    <tr>    
                        <th>
                            @lang('layout.MaritalStatus')
                        </th>
                        <th>
                            @lang('layout.Job')
                        </th>
                        <th>
                            @lang('layout.FieldOfStudy')
                        </th>
                        <th>
                            @lang('layout.JobLocation')
                        </th>   
                        {{-- <th>
                            @lang('layout.MaritalStatus')
                        </th>    --}}
                        <th>
                            @lang('layout.EmployerPerson')
                        </th>   
                        <th>
                            @lang('layout.LisenceNumber')
                        </th>   
                        <th>
                            @lang('layout.Address')
                        </th>   
                        <th>
                            @lang('layout.StreetAddress')
                        </th>   
                        <th>
                            @lang('layout.Telephone')
                        </th>   
                        <th>
                            @lang('layout.Phone')
                        </th>   
                    </tr>
                </thead>
                <tbody>
                    <tr> 
                        <td>
                            @if($employeeContractDetails->marital_status == 'single')
                                <span>@lang('layout.Single')</span>
                            @elseif($employeeContractDetails->marital_status == 'married')
                                <span>@lang('layout.Married')</span>
                            @else
                                <span></span>
                            @endif
                            {{-- {{$employeeContractDetails->marital_status}} --}}
                        </td>
                        <td>
                            {{$employeeContractDetails->job}}
                        </td>
                        <td>
                            {{$employeeContractDetails->fieldOfStudy}}
                        </td>
                        <td>{{ $employeeContractDetails->job_location}}</td> 
                        {{-- <td> {{__('layout.'.ucfirst($employeeContractDetails->marital_status))}} </td>  --}}
                        <td>{{ $employeeContractDetails->employer_person}}</td> 
                        <td>{{ $employeeContractDetails->liecence_number}}</td> 
                        <td>{{ $employeeContractDetails->address}}</td> 
                        <td>{{ $employeeContractDetails->street}}</td> 
                        <td>{{ $employeeContractDetails->phone}}</td> 
                        <td>{{ $employeeContractDetails->mobile}}</td> 
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    <div class="tabbable tabbable-tabdrop">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#tab1" data-toggle="tab" id="tab_sale">@lang('layout.Details')</a>
            </li>
             
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <div class="row">
                    <!-- app -->
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.Details')</span>
                                </div>
                                <div class="tools"></div>
                                {{-- <div class="actions">
                                    {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="daily_expense_Details"/>
                                    <input type="hidden" name="id" value="{{$employeeContractDetails->id}}"/> 
                                    <button type="submit" class="btn btn-success"> <i class="fa fa-file-excel-o"></i> @lang('layout.Excel') </button>
                                    {{Form::close()}} 

                                    {{Form::open(['route' => 'export.PDFAny','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="daily_expense_Details"/>
                                    <input type="hidden" name="id" value="{{$employeeContractDetails->id}}"/> 
                                    <button type="submit" class="btn btn-success"> <i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                    {{Form::close()}}  
                                </div> --}}
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="contractDetails">
                                    <thead>
                                        <tr>   
                                            <th>@lang('layout.Number')</th>
                                            <th>@lang('layout.Title')</th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
         
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script>
    $(document).ready(function () {
    $.fn.dataTable.ext.errMode='{{dataTableWarning()}}';
    $('#contractDetails').DataTable({
        ajax:{
            url:'{{route("employrrContractDetails.show",$employeeContractDetails->id)}}',
        },
        scrollCollapse: true,
        responsive:'{{responsiveDataTable()}}',
        pagingType:'{{paginationType()}}',
        serverSide: true,
        paging: true,
        columns: [
            { data: 'number', name: 'number' },  
            { data: 'title', name: 'title' },  
            { data: 'description', name: 'description' },  
        ]
    }); 
});
</script>
@endpush