@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h1 class="card-title">Employee I-Card Detail <span id="EmployeeDetail" class="text-info">#{{$IcardDetail->EmployeeName }}</span> <small class="text-info"></small></h1>
                        </div>
                        <!-- <div class="col-sm-4 text-right">
                            <a href="{{ url('/') }}" type="button"
                                class="btn btn-sm btn-info mx-1" target="blank">View Service Book <i
                                class="fas fa-arrow-right"></i></a>
                            </div>
                        </div> -->
                    </div><!-- /.container-fluid -->
                </section>

                <!-- Main content -->
                <section class="content">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-12 col-sm-12">
                                {{-- Primary Details --}}
                                <div id="accordion">
                                    <div class="card card-secondary">
                                        <div class="card-header" id="EmployeePrimaryDetailHeading">
                                        <h5 class="mb-0">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <em> <i class="fas fa-pen"></i> Employee's Primary Detail</em>
                                                </div>
                                                <div class="col-md-6 text-right">
                                                    <button class="btn btn-link text-white collapsed" data-toggle="collapse"
                                                        data-target="#EmployeePrimaryDetail" aria-expanded="true"
                                                        aria-controls="EmployeePrimaryDetail">
                                                        <em>Show / Hide</em>
                                                    </button>
                                                </div>
                                            </div>
                                        </h5>
                                        </div>
                                        <div id="EmployeePrimaryDetail" class="collapse show"
                                        aria-labelledby="EmployeePrimaryDetailHeading" data-parent="#accordion" style="">
                                        <div class="card-body">
                                            <div class="card card-light">
                                                <div class="card-header">
                                                    <h3 class="card-title">I-Card:</h3>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row ">
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="NameTitle">Employee Name: </label>
                                                                <p>{{$IcardDetail->EmployeeName }}</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="Employees Name">Designation:
                                                                </label>
                                                                <p>{{$IcardDetail->DesignationName }}</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="Appointment Order No">Joining Date:</label>
                                                                <p>{{$IcardDetail->JoiningDate }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="AppointmentOrderDate">Working Place: </label>
                                                                <p>{{$IcardDetail->ActualWorkPlaceName }}
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="DDO">Recommended Letter No. & Date:</label>
                                                                <p>{{$IcardDetail->OrderDate }}</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="ControllingOfficer">Demand Purpose:</label>
                                                                <p>{{$IcardDetail->DemandPurpose }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0">Aadhar Card</label>
                                                                <p>{{$IcardDetail->AdharCardNo }}</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="Department Name">Icard English/Marathi: </label>
                                                                <p>{{$IcardDetail->ICardLanguage }}</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0">Receipt of Payment: </label>
                                                                <p>
                                                                    @if(!empty($IcardDetail->PaymentRecieptPath))
                                                                    <a href="{{ url('/').$IcardDetail->PaymentRecieptPath }}" target="_blank">{{ url('/').$IcardDetail->PaymentRecieptPath }}</a>
                                                                    @else
                                                                    {{'Payment File Empty'}}
                                                                   @endif
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0">OrderFilePath: </label>
                                                                <p>
                                                                    @if(!empty($IcardDetail->OrderFilePath))
                                                                    <a href="{{ url('/').$IcardDetail->OrderFilePath }}" target="_blank">{{ url('/').$IcardDetail->OrderFilePath }}</a>
                                                                    @else
                                                                    {{'Order File Empty'}}
                                                                   @endif
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12 text-right">
                                                            <button class="btn btn-info btn-sm"
                                                            onclick="editIcardReport('{{$IcardDetail->EmployeeICardId }}')" ;
                                                    class="btn btn-xs btn-outline-info" data-id="">Edit
                                                        Detail</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<x-EmployeeIcardModal />
@endsection