@extends('admin.layouts.app')

@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <button class="btn btn-primary d-print-none" id="printButton">Print</button>
                </div>
                <h4 class="page-title">Applicant Details</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                {{-- <div class="card-header">

                </div> --}}
                <!--end card-header-->
                <div class="card-body">
                    <div class="row ">
                        <div class="col-2 col-md-2">

                        </div>
                        <div class="col-7 col-md-8 text-center">
                            <h4 class="m-0">Resume <br>of</h4>
                            <h5 class="m-0">{{ $applicant->name ?? '' }}</h5>
                            <p class="m-0">Village: {{ $applicant->present_address }}, <br> Upazila:
                                {{ $applicant->subDistrict->name }}, District: {{ $applicant->district->name }}
                            </p>
                            <p class="m-0"><strong>Mobile: {{ $applicant->mobile }}</strong></p>
                        </div>
                        <div class="col-2 col-md-2 ">
                            <img src="{{ asset('storage' . $applicant->profile_picture) }}" alt="Profile picture"
                                width="130" height="130">
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="card">
                            <div class="card-header first-bg">
                                <h4 class="card-title">Personal Information</h4>
                            </div>
                            <!--end card-header-->
                            <div class="card-body">
                                <div>
                                    <table class="table">
                                        <tr>
                                            <td width="30%">Father's Name</td>
                                            <td>: {{ $applicant->father_name }}</td>
                                        </tr>
                                        <tr>
                                            <td width="30%">Mother's Name</td>
                                            <td>: {{ $applicant->mother_name }}</td>
                                        </tr>
                                        <tr>
                                            <td width="30%">Permanent Address</td>
                                            <td>: @if ($applicant->same_as_present)
                                                    Village: {{ $applicant->present_address }}, Upazila:
                                                    {{ $applicant->subDistrict->name }} District:
                                                    {{ $applicant->district->name }}
                                                @else
                                                    Village: {{ $applicant->permanent_address }}, Upazila:
                                                    {{ $applicant->perSubDistrict->name }} District:
                                                    {{ $applicant->perDistrict->name }}
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="30%">Present Address</td>
                                            <td>: Village: {{ $applicant->present_address }}, Upazila:
                                                {{ $applicant->subDistrict->name }}, District:
                                                {{ $applicant->district->name }}</td>
                                        </tr>
                                        <tr>
                                            <td width="30%">Date of Birth</td>
                                            <td>: {{ $applicant->dob }}</td>
                                        </tr>
                                        <tr>
                                            <td width="30%">Marital Status</td>
                                            <td>: {{ $applicant->marital_status ? 'Married' : 'Unmarried' }}</td>
                                        </tr>

                                        <tr>
                                            <td width="30%">Sex</td>
                                            <td>: {{ $applicant->gender }}</td>
                                        </tr>
                                        <tr>
                                            <td width="30%">Religion</td>
                                            <td>: {{ $applicant->religion }}</td>
                                        </tr>
                                        <tr>
                                            <td width="30%">National ID No</td>
                                            <td>: {{ $applicant->nid }}</td>
                                        </tr>
                                    </table>
                                </div>

                            </div>
                            <!--end card-body-->
                        </div>

                    </div>

                    <div class="row">
                        <div class="card">
                            <div class="card-header second-bg">
                                <h4 class="card-title">Academic Qualification</h4>
                            </div>
                            <!--end card-header-->
                            <div class="card-body">
                                <div>
                                    <table class="table table-bordered">
                                        <tr>
                                            <td>SL NO</td>
                                            <td>Exam Name</td>
                                            <td>Group</td>
                                            <td>Board/University</td>
                                            <td>Year</td>
                                            <td>Result</td>
                                        </tr>
                                        @foreach ($applicant->educations as $item)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $item->exam->name ?? '' }}</td>
                                                <td>{{ $item->group ?? '' }}</td>
                                                <td>{{ $item->educationBoard->name ?? '' }}</td>
                                                <td>{{ $item->year ?? '' }}</td>
                                                <td>{{ $item->result ?? '' }}</td>

                                            </tr>
                                        @endforeach
                                    </table>
                                </div>

                            </div>
                            <!--end card-body-->
                        </div>

                    </div>
                    <div class="row">
                        @if ($applicant->placements->count() > 0)
                            <div class="card">
                                <div class="card-header first-bg">
                                    <h4 class="card-title">Jobs History</h4>
                                </div>
                                <!--end card-header-->
                                <div class="card-body">
                                    <div>
                                        <table class="table table-bordered">
                                            <tr>
                                                <td>SL NO</td>
                                                <td>Company Name</td>
                                                <td>Branch Name</td>
                                                <td>Area Type</td>
                                                <td>Joining Date</td>
                                                <td>Expire Date</td>
                                                <td>Status</td>
                                            </tr>
                                            @foreach ($applicant->placements as $item)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $item->company->name ?? '' }}</td>
                                                    <td>{{ $item->branch->name ?? '' }}</td>
                                                    <td>{{ $item->area_type ?? '' }}</td>
                                                    <td>{{ $item->joining_date ?? '' }}</td>
                                                    <td>{{ $item->expire_date ?? '' }}</td>
                                                    <td>
                                                        @if ($item->status)
                                                            <span class="badge rounded-pill bg-primary">Active</span>
                                                        @else
                                                            <span class="badge rounded-pill bg-danger">Inactive</span>
                                                        @endif

                                                    </td>
                                                </tr>
                                            @endforeach
                                        </table>
                                    </div>
                                </div>
                                <!--end card-body-->
                            </div>
                        @endif
                    </div>


                </div>
                <!--end card-body-->
            </div>
            <!--end card-->


            <!--end card-->
        </div> <!-- end col -->
    </div> <!-- end row -->
@endsection
@push('scripts')
    <script>
        document.getElementById('printButton').addEventListener('click', function() {
            // Perform the printing action here
            window.print();
        });
    </script>
@endpush