@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Employee Complete Details</title>
@endsection
<style type="text/css">
    .stu_pro tr td {
        padding: 1px;
    }
</style>
<link rel="stylesheet" href="{{ asset('dist/persianDatepicker/css/persianDatepicker-default.css') }}" />

@section('subcontent')
<div class="intro-y flex items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">Profile: ({{ $data['employee']->emp_fname }}) </h2>
</div>
<div class="grid grid-cols-12 gap-6">
    <!-- BEGIN: Profile Menu -->

    <!-- END: Profile Menu -->
    <div class="col-span-12 lg:col-span-8 2xl:col-span-9">
        <!-- BEGIN: Display Information -->
        <div class="intro-y box lg:mt-5">
            <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                <h2 class="font-medium text-base mr-auto">Personal Information</h2>
            {{-- <a href='{{route("employee.card.download",$data['employee']->id)}}' class="btn btn-rounded-primary w-34 mr-1 mb-2">Download Card</a> --}}
            {{-- <a href='{{route("employee.details.download",$data['employee']->id)}}' class="btn btn-rounded-primary w-34 mr-1 mb-2">Download Details</a> --}}
            <a  href="javascript:;" onclick="addContract({{ $data['employee']->id}});" data-empid="{{ $data['employee']->id }}" data-tw-toggle="modal" data-tw-target="#basic-modal-preview" class="btn btn-rounded-primary w-34 mr-1 mb-2">New Contract</a>

            </div>
            <div class="p-5">
                <div class="flex flex-col-reverse xl:flex-row flex-col">
                    <div class="flex-1 mt-6 xl:mt-0">
                        <div class="overflow-x-auto">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td>Name</td>
                                        <td>{{ $data['employee']->emp_fname }}</td>
                                    </tr>
                                    <tr>
                                        <td>Father Name</td>
                                        <td>{{ $data['employee']->emp_father_name }}</td>
                                    </tr>
                                    <tr>
                                        <td>Job</td>
                                        <td>{{ $data['employee']->emp_job }}</td>
                                    </tr>
                                    <tr>
                                        <td>Gender</td>
                                        <td>{{ $data['employee']->emp_gender }}</td>
                                    </tr>
                                    <tr>
                                        <td>Phone</td>
                                        <td>{{ $data['employee']->emp_phone }}</td>
                                    </tr>
                                    <tr>
                                        <td>Email</td>
                                        <td>{{ $data['employee']->emp_email }}</td>
                                    </tr>
                                    <tr>
                                        <td>Address</td>
                                        <td>{{ $data['employee']->emp_address }}</td>
                                    </tr>
                                    <tr>
                                        <td>Status</td>
                                        <td>{{ $data['employee']->emp_status }}</td>
                                    </tr>
                                    <tr>
                                        <td>DOB</td>
                                        <td>{{ $data['employee']->emp_dob }}</td>
                                    </tr>
                                    <tr>
                                        <td>Hire Date</td>
                                        <td>{{ $data['employee']->hire_date }}</td>
                                    </tr>

                                </tbody>
                            </table>

                        </div>



                    </div>
                    <div class="w-52 mx-auto xl:mr-0 xl:ml-6">
                        <div class="border-2 border-dashed shadow-sm border-slate-200/60 dark:border-darkmode-400 rounded-md p-5">
                            <div class="h-40 relative image-fit cursor-pointer zoom-in mx-auto">
                                <img  alt="Midone - HTML Admin Template" src="{{asset('empImages/'.$data['employee']->photo)}}" data-action="zoom" class="w-full rounded-md">
                            </div>
                            <h3 class="mt-2 text-center" style="font-weight: bold;">{{ $data['employee']->id }}</h3>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Display Information -->
         <!-- BEGIN: Payment Information -->
         <div class="intro-y box lg:mt-5">
            <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                <h2 class="font-medium text-base mr-auto">Payments Information</h2>
            </div>
            <div class="p-5">
                <div class="flex flex-col-reverse xl:flex-row flex-col">
                    <div class="flex-1 mt-6 xl:mt-0">
                        <div class="overflow-x-auto">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="whitespace-nowrap">#</th>
                                        <th class="whitespace-nowrap">Account</th>
                                        <th class="whitespace-nowrap">Title</th>
                                        <th class="whitespace-nowrap">Amount Paid</th>
                                        <th class="whitespace-nowrap">Method</th>
                                        <th class="whitespace-nowrap">Date</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $c = 0
                                    @endphp
                                    @foreach ( $data['payments'] as $row)

                                    <tr>
                                        <td>{{ ++$c }}</td>
                                        <td>{{ $row->account_id }}</td>
                                        <td>{{ $row->title }}</td>
                                        <td>{{ $row->amount }}</td>
                                        <td>{{ $row->method }}</td>
                                        <td>{{ $row->built_timestamp }}</td>
                                    </tr>
                                    @endforeach

                                </tbody>
                            </table>

                        </div>


                    </div>
                </div>
            </div>
        </div>
        <!-- END: Invoice Information -->


         <!-- BEGIN: Payment Information -->
         <div class="intro-y box lg:mt-5">
            <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                <h2 class="font-medium text-base mr-auto">Contracts Information</h2>
            </div>
            <div class="p-5">
                <div class="flex flex-col-reverse xl:flex-row flex-col">
                    <div class="flex-1 mt-6 xl:mt-0">
                        <div class="overflow-x-auto">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="whitespace-nowrap">#</th>
                                        <th class="whitespace-nowrap">Contract Type</th>
                                        <th class="whitespace-nowrap">Contract From</th>
                                        <th class="whitespace-nowrap">Contract To</th>
                                        <th class="whitespace-nowrap">Status</th>
                                        <th class="whitespace-nowrap">Salary</th>
                                        <th class="whitespace-nowrap">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $c = 0
                                    @endphp
                                    @foreach ( $data['contracts'] as $row)

                                    <tr>
                                        <td>{{ ++$c }}</td>
                                        <td>{{ $row->contract_type }}</td>
                                        <td>{{ $row->start_date }}</td>
                                        <td>{{ $row->end_date }}</td>
                                        <td>{{ $row->status }}</td>
                                        <td>{{ $row->salary }}</td>
                                        <td>


                                        <div class="dropdown">
                                            <button class="dropdown-toggle btn btn-primary" aria-expanded="false" data-tw-toggle="dropdown">Change Status</button>
                                            <div class="dropdown-menu w-40">
                                                <ul class="dropdown-content">
                                                    <li>
                                                        <a href="{{ route('employee.contract.status',[$row->id, 'Active']) }}" class="dropdown-item">Active</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ route('employee.contract.status',[$row->id, 'Expired']) }}" class="dropdown-item">Expired</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ route('employee.contract.status',[$row->id, 'Terminated']) }}" class="dropdown-item">Terminated</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ route('employee.contract.delete',[$row->id]) }}" class="dropdown-item">Delete Contract</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>


                                        </td>
                                    </tr>
                                    @endforeach

                                </tbody>
                            </table>

                        </div>


                    </div>
                </div>
            </div>
        </div>
        <!-- END: Invoice Information -->
        @include('../pages/employee/contract')
    </div>
</div>
@endsection
@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>
<script src="{{ asset('dist/persianDatepicker/js/persianDatepicker.js') }}"></script>
<script>

    function addContract(id){
        alert(id);
            $('#emp_id').val(id);
        }
    $(function () {

        $(".pdpF2").persianDatepicker({
            months: ["حمل", "ثور", "جوزا", "سرطان", "اسد", "سنبله", "میزان", "عقرب", "قوس", "جدی", "دلو", "حوت"],
            dowTitle: ["شنبه", "یکشنبه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنج شنبه", "جمعه"],
            shortDowTitle: ["ش", "ی", "د", "س", "چ", "پ", "ج"],
            showGregorianDate: !1,
            persianNumbers: !0,
            formatDate: "YYYY/MM/DD",
            selectedBefore: !1,
            selectedDate: null,
            startDate: null,
            endDate: null,
            prevArrow: '\u25c4',
            nextArrow: '\u25ba',
            theme: 'default',
            alwaysShow: !1,
            selectableYears: null,
            selectableMonths: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
            cellWidth: 25, // by px
            cellHeight: 20, // by px
            fontSize: 13, // by px
            isRTL: !1,
            calendarPosition: {
                x: 0,
                y: 0,
            },
            onShow: function () {},
            onHide: function () {},
            onSelect: function () {},
            onRender: function () {}
    });


    });
</script>

<script type="text/javascript">


</script>
@endsection