<!doctype html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.5.3/css/bootstrap.min.css" integrity="sha384-JvExCACAZcHNJEc7156QaHXTnQL3hQBixvj5RV5buE7vgnNEzzskDtx9NQ4p6BJe" crossorigin="anonymous">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo e(asset('css/print.css')); ?>">
    <title>طباعة وصل استلام</title>

    <style>
        body {
            font-family: 'Cairo', sans-serif;
            font-size: 12px; /* Reduce font size for smaller text */
        }

        .print-button {
            text-align: center;
            margin-bottom: 20px;
        }

        .first-print, .second-print {
            padding: 10px;
            font-size: 14px; /* Slightly larger font for important info */
        }

        .second-print .row {
            margin-bottom: 5px;
        }

        .text-center h4, .text-center h6 {
            font-size: 18px; /* Adjust header font size */
        }

        .domain {
            font-size: 12px;
        }

        .note p {
            font-size: 10px; /* Make notes smaller */
            color: #555;
        }

        .details span {
            font-size: 12px;
        }

        .qr-img {
            margin-left: 10px;
        }

        /* Print-specific styles */
        @media print {
            body {
                font-size: 10px;
            }

            .first-print, .second-print {
                padding: 10px;
            }

            .print-button {
                display: none;
            }

            .domain, .details span {
                font-size: 10px;
            }

            .row {
                margin-bottom: 5px;
            }

            .line-devider {
                margin-top: 20px;
            }
        }
    </style>
</head>
<body>
<div class="row m-0 p-4 print-button">
    <div class="col-sm-12">
        <span class="lead m-2"><b class="text-danger">طباعة وصل آخر</b></span>
        <button onclick="window.print()" class="btn btn-primary">طباعة</button>
    </div>
</div>

<div class="first-print">
    <div class="text-center my-3">
        <h4 class="d-inline">وصل إستلام</h4>
        <h6 class="d-inline float-right">شركة كليك</h6>
    </div>

    <div class="row m-0 p-2">
        <div class="col-sm-6">
            <span>الإسم: <?php echo e($name); ?></span>
        </div>
        <div class="col-sm-6">
            <span>رقم الهاتف: <?php echo e($phone); ?></span>
        </div>
    </div>

    <?php
    $ar_types = ['', 'كومبيوتر', 'موبايل', 'لابتوب'];
    ?>

    <div class="row m-0 p-2">
        <div class="col-sm-6">
            <span>نوع الجهاز: <?php echo e($ar_types[$type]); ?></span>
        </div>
        <div class="col-sm-6">
            <span>الماركة: <?php echo e($brand); ?></span>
        </div>
    </div>

    <div class="row m-0 p-2">
        <div class="col-sm-6">
            <span>معرّف الجهاز: <?php echo e($serial); ?></span>
        </div>
        <div class="col-sm-6">
            <span>تاريخ الإستلام: <?php echo e($date); ?></span>
        </div>
    </div>

    <?php if($type != 2): ?>
        <div class="row m-0 p-2">
            <div class="col-sm-12">
                <span class="mr-2">المرفقات:</span>
                <input type="checkbox" value="" <?php if( in_array("0", $extentions)): ?> checked <?php endif; ?>><label> حقيبة</label>
                <input type="checkbox" value="" <?php if( in_array("1", $extentions)): ?> checked <?php endif; ?>><label> ماوس</label>
                <input type="checkbox" value="" <?php if( in_array("2", $extentions)): ?> checked <?php endif; ?>><label> بطارية</label>
                <input type="checkbox" value="" <?php if( in_array("3", $extentions)): ?> checked <?php endif; ?>><label> شاحن</label>
            </div>
        </div>
    <?php endif; ?>

    <div class="row m-0 p-2">
        <div class="col-sm-12">
            <p>لمعرفة حالة الجهاز يرجى زيارة الرابط التالي: <b>repair.clicklaptopeg.com</b></p>
            <img class="qr-img" src="<?php echo e(asset('img/qr.jpg')); ?>" width="75" height="75" alt="كليك">
        </div>
    </div>

    <div class="row m-0 p-2 note">
        <div class="col-sm-12">
            <p><b>ملاحظة: الشركة غير مسؤولة عن الجهاز بعد مضي 14 يوم من تاريخ الإستلام</b></p>
        </div>
    </div>

    <hr class="line-devider">

    <div class="row m-0 p-2">
        <div class="col-sm-12">
            <p>للاستفسار والمراجعة شركة كليك:</p>
        </div>
    </div>

    <div class="row m-0 p-2 details">
        <div class="col-sm-4">
            <span>&#9742; 01090006526</span>
        </div>
        <div class="col-sm-4">
            <span>&#x1F4F1; 01015515978</span>
        </div>
        <div class="col-sm-4">
            <span>&#x1F4F1; 0473093527</span>
        </div>
    </div>

    <div class="row m-0 p-2">
        <div class="col-sm-12">
            <span>محافظة كفرالشيخ - شارع النبوي المهندس - الشارع المقابل لمقله المهندس</span>
        </div>
    </div>
</div>

<hr class="line-devider">

<div class="seconde-print mt-4">
    <div class="text-center my-3">
        <h4 class="d-inline">شركة كليك لاستيراد اللابتوب</h4>
        <h6 class="d-inline float-right">شركة كليك</h6>
    </div>

    <div class="row m-0 p-2">
        <div class="col-sm-6">
            <span>الإسم: <?php echo e($name); ?></span>
        </div>
        <div class="col-sm-6">
            <span>رقم الهاتف: <?php echo e($phone); ?></span>
        </div>
    </div>

    <div class="row m-0 p-2">
        <div class="col-sm-6">
            <span>نوع الجهاز: <?php echo e($ar_types[$type]); ?></span>
        </div>
        <div class="col-sm-6">
            <span>الماركة: <?php echo e($brand); ?></span>
        </div>
    </div>

    <div class="row m-0 p-2">
        <div class="col-sm-6">
            <span>معرّف الجهاز: <?php echo e($serial); ?></span>
        </div>
        <div class="col-sm-6">
            <span>تاريخ الإستلام: <?php echo e($date); ?></span>
        </div>
    </div>

    <?php if($type != 2): ?>
        <div class="row m-0 p-2">
            <div class="col-sm-12">
                <span class="mr-2">المرفقات:</span>
                <input type="checkbox" value="" <?php if( in_array("0", $extentions)): ?> checked <?php endif; ?>><label> حقيبة</label>
                <input type="checkbox" value="" <?php if( in_array("1", $extentions)): ?> checked <?php endif; ?>><label> ماوس</label>
                <input type="checkbox" value="" <?php if( in_array("2", $extentions)): ?> checked <?php endif; ?>><label> بطارية</label>
                <input type="checkbox" value="" <?php if( in_array("3", $extentions)): ?> checked <?php endif; ?>><label> شاحن</label>
            </div>
        </div>
    <?php endif; ?>

    <div class="row m-0 p-2">
        <div class="col-sm-12">
            <p>لمعرفة حالة الجهاز يرجى زيارة الرابط التالي: <b>repair.clicklaptopeg.com</b></p>
        </div>
    </div>

    <div class="row m-0 p-2 note">
        <div class="col-sm-12">
            <p><b>ملاحظة: الشركة غير مسؤولة عن الجهاز بعد مضي 14 يوم من تاريخ الإستلام</b></p>
        </div>
    </div>
</div>
</body>
</html>
<?php /**PATH /home/dvrhexcb/repair.clicklaptopeg.com/resources/views/reciption/print.blade.php ENDPATH**/ ?>