@extends('layouts.pdf')

@section('title')
    {{ $extra['module_name'] }}
@endsection
@section('content')



    <style type="text/css" media="all">
        body {
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
        }

        div[size="A4"] {
            font-family: Verdana, Geneva, sans-serif !important;
            padding: 0px !important;
        }

        h5,
        h6,
        p {
            font-family: Verdana, Geneva, sans-serif;
        }

        .id-card-header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #24576A;
            border-bottom-right-radius: 15%;
            padding: 4px 0 6px 0px;
            text-align: center;
        }

        .company-logo {
            width: 50px;
            height: 50px;
            margin-bottom: 5px;
        }

        h5 {
            margin: 0 !important;
            color: white !important;
            font-size: 9px !important;
            font-weight: bold !important;
            font-family: Verdana,Geneva,sans-serif !important;
        }


        .id-card-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 80px 10px 60px;
            overflow: hidden;
        }

        .profile-image {
            text-align: center;
        }

        .profile-img {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border: 1px solid #24576A;
        }

        .info-column {
            margin-bottom: 2px;
        }

        .info-title {
            font-size: 8px !important;
            font-weight: 600;
            color: #1d3557;
        }

        .info-name {
            font-size: 20px !important;
            text-align: center;
        }

        .info-name-value {
            font-size: 10px;
            font-weight: bold;
        }

        .info-value {
            font-size: 8px !important;
            color: #333333;
            font-weight: 500;
        }

        .designation-value {
            display: block;
            font-size: 8px;
            color: #777;
            margin-top: -7px;
        }

        .custom-width {
            width: 70px !important;
        }


        .A4 {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            page-break-after: always !important;
        }

        .footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #24576A;
            border-top-left-radius: 15%;
            text-align: center;
            padding: 18px 0;
        }

        .footer-address {
            font-size: 8px !important;
            font-weight: 600 !important;
            color: white !important;
            margin: 0;
        }

        .page-break {
            page-break-before: always;
            page-break-inside: avoid;
        }
    </style>



    @php
        $employee_id        = $employee->id;
        $branch_id          = $employee->branch_id;
        $template_id        = $branch_id ? App\Helpers\CommonHelper::getBranchSettings($branch_id, 'id_card_template_id') : 1;
        $voucher_attachment = \App\Models\VoucherAttachmentDetail::where(['reference_id' => $employee_id]);
        $transaction        = new \App\Models\Transaction();
    @endphp
    @if ($template_id == 1)
        @include('admin.employee.id-card-pdf.template_1.index')
    @elseif ($template_id == 2)
        @include('admin.employee.id-card-pdf.template_2.index')
    @elseif ($template_id == 3)
        @include('admin.employee.id-card-pdf.template_3.index')
    @else
        @include('admin.employee.id-card-pdf.template_1.index')
    @endif

@stop