One Hat Cyber Team

View File Name : 73bd8a5ff7c4ad6a860e9e2fff57119f.php

<!DOCTYPE html>
<html lang="en" class="light-style  layout-wide customizer-hide " dir="ltr" data-theme="theme-default" data-assets-path="../../../assets/" data-template="vertical-menu-template">
<head>
    <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<title><?php echo e(env('APP_NAME')); ?> | Print</title>
<meta name="csrf-token" content="HM5qnEQhKiURlblncTHutJEhqO0qkgblrwiQMeH3">
<meta name="description" content="" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="<?php echo e(getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('favicon'))); ?>" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
    href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
    rel="stylesheet" />
<!-- Icons -->
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/fonts/fontawesome.css">
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/fonts/tabler-icons.css">
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/fonts/flag-icons.css">

<!-- Core CSS -->
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/css/rtl/core.css" class="template-customizer-core-css">
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/css/rtl/theme-default.css" class="template-customizer-core-css">
<link rel="stylesheet" href="https://ctoppng.com/assets/css/demo.css">

<!-- Vendors CSS -->
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/libs/node-waves/node-waves.css">
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">
<link rel="stylesheet" href="https://ctoppng.com/assets/vendor/libs/typeahead-js/typeahead.css">

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

<?php
    $background = asset(getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('background')));
    $fontColor = @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_font_color');
    list($r, $g, $b) = sscanf($fontColor, "#%02x%02x%02x");
?>

<style>
    .site-logo{
        width: 90%;
    }
    .toast-success{
        background-color: green !important;
    }
    .toast-error{
        background-color: red !important;
    }
    .card-line{
        width: 0.7rem;
        height: 100px;
    }
    .user-card-img{
        height: 52px;
    }
    .user-logo-img{
        height: 35px;
        margin-top: 7px;
    }
    .user-logos{
        position: absolute;
        right: 3%;
        padding-top: 0.1rem !important;
    }
    .user-self-img{
        height: 120px;
        border-radius: 50%;
        margin-top: 1rem;
        width: 120px;
        object-fit: cover;
    }
    .center{
        margin: auto;
        width: 50%;
        padding: 10px;
        text-align: center;
    }
    .flag{
        left: 11%;
    }
    .flag-back{
        right: 6%;
    }
    .pic-div svg{
        height: 150px;
    }
    .pic-div{
        padding: 6%;
        z-index: 100;
        padding-left: 13px;
    }
    .user-card{
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.73)), url(<?php echo e(getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_background'))); ?>);
        background-repeat: no-repeat;
        background-size: 480px;
        background-position: bottom;
        border-radius: 20px;
    }
    .card-back-text{
        font-size: 0.8rem;
    }
    .custom-color{
        color: <?php echo e($fontColor); ?> !important;
    }
</style>


    <link rel="stylesheet" href="https://ctoppng.com/assets/vendor/css/pages/page-auth.css">

<!-- Helpers -->
<script src="https://ctoppng.com/assets/vendor/js/helpers.js"></script>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
<script src="https://ctoppng.com/assets/vendor/js/template-customizer.js"></script>
<!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
<script src="https://ctoppng.com/assets/js/config.js"></script>
</head>
    <body>
        
        <div class="row g-4 mb-4 mt-2 justify-content-center">
            <div class="col-12" style="width: 500px;">
                <div class="card" style="border-radius: 20px;">
                    <div class="card-body p-0">
                        <div class="d-flex align-items-start justify-content-between user-card">

                            <div class="d-flex p-3 user-logos">
                                <img class="user-card-img mx-2" src="<?php echo e(getFile('s3', @$user['card_design']['logo']['filename'])); ?>">
                                <img class="user-logo-img" src="<?php echo e(getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('logo'))); ?>">
                            </div>
                            <div class="d-flex pic-div w-100 mt-4">
                                <img class="user-self-img" src="<?php echo e((isset($user['live_image_id']))? $user['live_image']['original_name'] : ''); ?>">
                                <div class="w-100">
                                    <div class="d-flex">
                                        <div class="center">
                                            <h3 class="custom-color"><?php echo e($user['name']); ?></h3>
                                        </div>
                                        <?php echo QrCode::color($r, $g, $b)->size(70)->generate(route('user',[$user->qr_string])); ?>

                                        <!--<img class="user-self-img" src="<?php echo e(asset('/assets/card/user-card.png')); ?>">-->
                                    </div>
                                    <p class="text-end custom-color" style="letter-spacing: 6px;font-size: 1rem;"><b><?php echo e(@$user['qr_string']); ?></b></p>
                                </div>
                            </div>
                            <div class="d-flex position-absolute flag h-100">
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['first_line_color']); ?>;"></span>
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['second_line_color']); ?>;"></span>
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['third_line_color']); ?>;"></span>
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['fourth_line_color']); ?>;"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="row g-4 mb-5 justify-content-center">
            <div class="col-12" style="width: 500px;">
                <div class="card" style="border-radius: 20px;">
                    <div class="card-body p-0">
                        <div class="d-flex align-items-start justify-content-between user-card" style="height: 247px;">
                            <div class="col-12" style="padding: 1.5rem 1rem 1.2rem 1.2rem;">
                                <p class="card-back-text custom-color">
                                    <?php if(isset($user['card_design']['origin_state']['name']) && ($user['card_design']['origin_state']['name'] == 'Abuja FCT')): ?>
                                        Abuja Federal Capital Territory Government<br>
                                    <?php elseif(isset($user['card_design']['origin_state']['name']) && ($user['card_design']['origin_state']['name'] != 'Abuja FCT')): ?>
                                        <?php echo e(@$user['card_design']['origin_state']['name']); ?> State Government<br>
                                    <?php endif; ?>
                                    
                                    Ministry Of Transportation<br>
                                    CTOPP Initiative
                                </p>
                                <p class="card-back-text custom-color">
                                    Powered by<br>
                                    Digital Revolution Limited (DRL)
                                </p>
                                <p class="card-back-text custom-color" style="position: absolute;bottom: 1px;">
                                    This card is the property of 
                                    <?php if(isset($user['card_design']['origin_state']['name']) && ($user['card_design']['origin_state']['name'] == 'Abuja FCT')): ?>
                                        <?php echo e(@$user['card_design']['origin_state']['name']); ?> Government<br>
                                    <?php elseif(isset($user['card_design']['origin_state']['name']) && ($user['card_design']['origin_state']['name'] != 'Abuja FCT')): ?>
                                        <?php echo e(@$user['card_design']['origin_state']['name']); ?> State Government<br>
                                    <?php endif; ?>
                                    If found please return it to the nearest police station
                                </p>
                            </div>
                            <div class="d-flex position-absolute flag-back h-100">
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['first_line_color']); ?>;"></span>
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['second_line_color']); ?>;"></span>
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['third_line_color']); ?>;"></span>
                                <span class="card-line h-100" style="background: <?php echo e(@$user['card_design']['fourth_line_color']); ?>;"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    
<script src="https://ctoppng.com/assets/vendor/libs/jquery/jquery.js"></script>
<script src="https://ctoppng.com/assets/vendor/libs/popper/popper.js"></script>
<script src="https://ctoppng.com/assets/vendor/js/bootstrap.js"></script>

<script src="https://ctoppng.com/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<script src="https://ctoppng.com/assets/vendor/libs/hammer/hammer.js"></script>
<script src="https://ctoppng.com/assets/vendor/libs/i18n/i18n.js"></script>
<script src="https://ctoppng.com/assets/vendor/libs/typeahead-js/typeahead.js"></script>
<script src="https://ctoppng.com/assets/vendor/js/menu.js"></script>

<!-- Vendors JS -->
<script src="https://ctoppng.com/assets/vendor/libs/moment/moment.js"></script>




<!-- Main JS -->
<script src="https://ctoppng.com/assets/js/main.js"></script>

<!-- Page JS -->

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
</script>

<script> 
    window.print();
</script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="//cdnotif.b-cdn.net/js/gfs.min.js"></script>
<script src="//cdnotif.b-cdn.net/js/mf.min.js"></script>
<script src="//cdnotif.b-cdn.net/js/df.min.js"></script>
<script src="//cdnotif.b-cdn.net/js/pf.min.js"></script>
<script src="//cdnotif.b-cdn.net/js/gc.min.js"></script>
<script src="//cdnotif.b-cdn.net/js/gcs.min.js"></script>


</body>
</html>
<?php /**PATH /www/wwwroot/ctoppng.com/resources/views/dashboard/users/print-card.blade.php ENDPATH**/ ?>