@extends('admin.layout.master')
@section('title', 'Work Period Report')
{{-- @dd($print) --}}
@section('content')
    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="col-6 pl-0">Work Period Report</h4>
            <button class="btn btn-warning" onclick="printThis(1500)"><i class="bi bi-printer me-2"></i>Print</button>
        </div>
        <div class="card-body">
            <div id="printThis" class="report-tbl">
                <style>
                    @media print {
                        .print-area {
                            width: 100%;
                            height: auto;
                        }

                        html,
                        body {
                            height: 100%;
                            width: 100%;
                            margin: 0;
                            padding: 0;
                        }

                        .report-body,
                        .report-tbl,
                        .card-body,
                        .card,
                        .print-area,
                        #printThis {
                            page-break-inside: avoid;
                            break-inside: avoid;
                        }

                        table,
                        tr,
                        td,
                        th {
                            page-break-inside: avoid !important;
                            break-inside: avoid !important;
                        }
                    }

                    th,
                    td {
                        font-size: 12px;
                        padding: 1.5px 10px !important;
                        color: #000;
                    }

                    .report-header {
                        text-align: center;
                        padding: 10px 0;
                    }

                    {!! $print['style_css'] ?? null !!}
                </style>
                <div class="report-header">
                    {!! $print['head'] ?? null !!}
                </div>
                <div class="report-body">
                    <table class="table table-bordered" id="example" style="width:100%">
                        <thead>
                            <tr class="text-center bg-dark">
                                <th colspan="2" class="text-white">Sales</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td class="text-end">Net Total</td>
                            </tr>
                            <tr>
                                <td>TakeAway Ticket</td>
                                <td class="text-end">60,720.00</td>
                            </tr>
                            <tr>
                                <td>Dining Ticket</td>
                                <td class="text-end">97,870.00</td>
                            </tr>
                            <tr>
                                <td>Food panda Ticket</td>
                                <td class="text-end">1,335.00</td>
                            </tr>
                            <tr>
                                <td>Sales Total</td>
                                <td class="text-end">159,475.00</td>
                            </tr>
                            <tr>
                                <td>Discount</td>
                                <td class="text-end">-386.50</td>
                            </tr>
                            <tr>
                                <td>Food Panda</td>
                                <td class="text-end">-507.30</td>
                            </tr>
                            <tr>
                                <td>Item Discount</td>
                                <td class="text-end">-</td>
                            </tr>
                            <tr>
                                <td>Special Discount</td>
                                <td class="text-end">-184.00</td>
                            </tr>
                            <tr>
                                <td>Discount Total</td>
                                <td class="text-end">-1077.80</td>
                            </tr>
                            <tr>
                                <td>Net Total</td>
                                <td class="text-end">158,397.20</td>
                            </tr>
                            <tr>
                                <td>VAT</td>
                                <td class="text-end">-</td>
                            </tr>
                            <tr>
                                <td>Auto Round -</td>
                                <td class="text-end">-0.30</td>
                            </tr>
                            <tr>
                                <td>Auto Round +</td>
                                <td class="text-end">1.10</td>
                            </tr>
                            <tr>
                                <td>Service Charge</td>
                                <td class="text-end">-</td>
                            </tr>
                            <tr>
                                <td>Sub total</td>
                                <td class="text-end">158,398.00</td>
                            </tr>
                            <tr>
                                <td>Grand total</td>
                                <td class="text-end">158,398.00</td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table table-bordered" id="example" style="width:100%">
                        <thead>
                            <tr class="text-center bg-dark">
                                <th colspan="3" class="text-white">Incomes</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Cash</td>
                                <td class="text-center">99.65%</td>
                                <td class="text-end">157,570.00</td>
                            </tr>
                            <tr>
                                <td>Customer Account</td>
                                <td class="text-center">0.35%</td>
                                <td class="text-end">561.00</td>
                            </tr>
                            <tr>
                                <td colspan="2">Total Income</td>
                                <td class="text-end">158,131.00</td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table table-bordered" id="example" style="width:100%">
                        <thead>
                            <tr class="text-center bg-dark">
                                <th class="text-white">Department name</th>
                                <th class="text-white">Sales</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Dinning</td>
                                <td class="text-end">97,870.00</td>
                            </tr>
                            <tr>
                                <td>Food Panda</td>
                                <td class="text-end">905.00</td>
                            </tr>
                            <tr>
                                <td>TakeAway</td>
                                <td class="text-end">60,270.00</td>
                            </tr>
                            <tr>
                                <td>Total</td>
                                <td class="text-end">159,045.00</td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table table-bordered" id="example" style="width:100%">
                        <thead>
                            <tr class="text-center bg-dark">
                                <th colspan="3" class="text-white">Cash & card Summary</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <table class="table table-bordered mb-0" id="example" style="width:100%">
                        <thead>
                            <tr class="text-center bg-dark">
                                <th colspan="3" class="text-white">Item Sales</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Kabab</td>
                                <td class="text-center">29.03%</td>
                                <td class="text-end">46,165.00</td>
                            </tr>
                            <tr>
                                <td>Biriyani</td>
                                <td class="text-center">18.55%</td>
                                <td class="text-end">29,500.00</td>
                            </tr>
                            <tr>
                                <td>Lunch & Dinner Package</td>
                                <td class="text-center">16.63%</td>
                                <td class="text-end">26,455.00</td>
                            </tr>
                            <tr>
                                <td>Morning Breakfast</td>
                                <td class="text-center">16.13%</td>
                                <td class="text-end">25,655.00</td>
                            </tr>
                            <tr>
                                <td>Dessert & Drinks</td>
                                <td class="text-center">8.65%</td>
                                <td class="text-end">13,765.00</td>
                            </tr>
                            <tr>
                                <td>Fish</td>
                                <td class="text-center">4.80%</td>
                                <td class="text-end">7,640.00</td>
                            </tr>
                            <tr>
                                <td>Shak</td>
                                <td class="text-center">3.85%</td>
                                <td class="text-end">6,120.00</td>
                            </tr>
                            <tr>
                                <td>Soup</td>
                                <td class="text-center">1.13%</td>
                                <td class="text-end">1,800.00</td>
                            </tr>
                            <tr>
                                <td>Kitchen Asia SP Item</td>
                                <td class="text-center">0.65%</td>
                                <td class="text-end">1040.00</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="report-footer">
                    {!! $print['foot'] ?? null !!}
                </div>
            </div>
        </div>
    </div>
@endsection