@extends('admin.layout.master')
@section('title','ORDER')
@section('content')
<style>
    .table th,
    .table td {
        padding: 0rem;
        font-size: 12px;
        /* padding-left: 0.35rem;
        padding-right: 0.35rem;
        padding-top: 0.35rem;
        padding-bottom: 0.35rem; */
    }

    /* .table th {
        background: #ab3535;
        padding: 5px !important;
        color: white !important;
    } */
    .custom-td {
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    .border-bottom-dashed {
        border-bottom: 1px dashed #aaa;
    }

    tbody td {
        padding: 3px 0;
    }

    .table tbody th,
    .table tbody td {
        padding-bottom: 2px;
        padding-top: 2px;
    }
</style>
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0">Order Details</h4>
        <div class="col-6 d-flex justify-content-end">
            <a href="{{ route('restaurant.order.new') }}" target="_blank" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class="col pl-0 pr-2">
                    <i class="fas fa-plus-circle"></i>
                </div>
                <div class="text-nowrap"> Add New </div>
            </a>
        </div>
    </div>

    <div class="pull-right stickybutton rounded-lg" style="position: fixed;right:0;z-index:5000" id="btn_print">
        <button class="btn btn-sm btn-warning btn-hover" style="font-size: 15px" onclick="PrintDiv()" type="button"><b>Print</b> &nbsp;<svg aria-hidden="true" style="height: 15px" focusable="false" data-prefix="far" data-icon="print" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-print fa-w-16">
                <path fill="currentColor" d="M400 264c-13.25 0-24 10.74-24 24 0 13.25 10.75 24 24 24s24-10.75 24-24c0-13.26-10.75-24-24-24zm32-88V99.88c0-12.73-5.06-24.94-14.06-33.94l-51.88-51.88c-9-9-21.21-14.06-33.94-14.06H110.48C93.64 0 80 14.33 80 32v144c-44.18 0-80 35.82-80 80v128c0 8.84 7.16 16 16 16h64v96c0 8.84 7.16 16 16 16h320c8.84 0 16-7.16 16-16v-96h64c8.84 0 16-7.16 16-16V256c0-44.18-35.82-80-80-80zM128 48h192v48c0 8.84 7.16 16 16 16h48v64H128V48zm256 416H128v-64h256v64zm80-112H48v-96c0-17.64 14.36-32 32-32h352c17.64 0 32 14.36 32 32v96z" class=""></path>
            </svg>
        </button>
    </div>
    <div class="card-body">
        <div class="p-2 bg-white" id="divTableDataHolder">
            <style>
                @media print {
                    #divTableDataHolder {
                        width: 100% !important;
                    }
                    table {
                        width: 100%;
                    }
                    table,
                    table th,
                    table td {
                        border: none !important;
                    }

                    /* 
                    .table-borderless th,
                    .table-borderless td,
                    .table-borderless thead th,
                    .table-borderless tbody+tbody {
                        border: 0;
                        border-color: transparent;
                    } */

                    .table th,
                    .table td {
                        padding: 0rem;
                        font-size: 12px;
                    }

                    .custom-td {
                        white-space: pre-wrap;
                        word-wrap: break-word;
                    }

                    .border-bottom-dashed {
                        border-bottom: 1px dashed #aaa;
                    }

                    tbody td {
                        padding: 3px 0;
                    }

                    .table tbody th,
                    .table tbody td {
                        padding-bottom: 2px;
                        padding-top: 2px;
                    }
                }
            </style>
            <div class="">
                <div class="">

                    {{-- {{dd(store_info()->name_eng)}} --}}
                    <div class="">
                        <!-- <div style="text-align:center;">
                            <img src="https://www.rupantorsuperstore.com/rupantar/assets/img/logo.png" style="width: 50px;margin:0;padding:0">
                        </div> -->
                        <h5 style="text-align:center;margin:0;padding:0">{{store_info()->name_eng}}</h5>
                        <p style="margin:0;padding:0;text-align:center;font-size: 12px;">{{store_info()->address_eng}}</p>
                        <p style="font-size: 12px;margin:0;padding:0;text-align:center;">Phone
                            : {{store_info()->contact_info}}</p>
                    </div>

                    <div class="">
                        <p style="font-size: 12px;margin:0;padding:0;text-align:center;font-weight: bold;">Sales Receipt</p>
                        <p style="font-size: 12px;margin:0;padding:0;text-align:center;">{{$res_info ? $res_info->created_at : null}}</p>
                    </div>
                    <div class="row" style="clear: both;">
                        <div class="col-sm-6 col-xs-6" style="width: 50%;float: left;font-size: 12px;">
                            <p style="font-size: 12px;margin:0;padding:0;">Order No
                                : {{$res_info ? $res_info->order_no : null}}</p>
                        </div>
                        <div class="col-sm-6 col-xs-6" style="width: 50%;float: left;"> 
                            <p style="font-size: 12px;margin:0;padding:0;text-align:right;">Sales Person
                                : Abu Salek</p> 
                        </div>
                    </div>
                    <div class="row" style="clear: both;">
                        <div class="col-sm-6 col-xs-6" style="width: 50%;float: left;font-size: 12px;">
                            <p style="font-size: 12px;margin:0;padding:0;">Customer
                                : {{$res_info && $res_info->customer ? $res_info->customer : null}}</p>
                        </div> 
                    </div>
 
                    <div class="row" style="margin-top:10px;"> 
                        <div class="col-sm-12 col-xs-12">
                            <table style="width:100%; border-collapse: collapse; border: transparent;">
                                <thead> 
                                    <tr style="border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                        <th style="width:10%;font-size: 12px; text-align: center;border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                            SL
                                        </th>
                                        <th style="width:40%;font-size: 12px; text-align: center;border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                            Item Name
                                        </th>
                                        <th style="width:10%;font-size: 12px; text-align: center;border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                            Qty
                                        </th>
                                        <th style="width:20%;font-size: 12px; text-align: center;border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                            Price
                                        </th>
                                        <th style="width:20%;font-size: 12px; text-align: center;border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                            Amount
                                        </th>
                                    </tr>  
                                    {{-- {{$res_info->orderDetails}} --}}
                                </thead>
                                <tbody>
                                    @php
                                        $i = 1;
                                        $sub_total = 0;
                                        $order_details = array();
                                        $res_info && $res_info->orderDetails ? $order_details = $res_info->orderDetails : null ;
                                    @endphp
                                    @foreach ($order_details as $item) 
                                    
                                    <tr>
                                        <td style="font-size:10px;text-align: center;">{{ $i++ }}</td>
                                        <td style="font-size:10px;">{{$item->getItemInfo->name_eng}}</td>
                                        <td style="font-size:12px;text-align: center;">{{$qty = $item->qty}}</td>
                                        <td style="font-size:12px;text-align: center;">{{$price = $item->price}}</td> 
                                        <td style="font-size:12px;text-align: right;">{{$row_total = $qty*$price}} </td> 
                                    </tr> 
                                    @php
                                        $sub_total += $row_total;
                                    @endphp
                                    @endforeach
                                </tbody>
                                <tfoot style="border-top: 1px dashed #000;">
                                    <tr> 
                                        <td colspan="4" style="text-align: right;border-top: 1px dashed #000;">Sub Total</td>
                                        <td colspan="3" style="text-align: right;border-top: 1px dashed #000;">{{$sub_total}} </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: right;">Shipping Cost</td>
                                        <td colspan="3" style="text-align: right;">
                                            {{ $shipping_cost = $res_info ? $res_info->shipping_cost : 0 }}
                                        </td>
                                    </tr> 
                                    <tr>
                                        <td colspan="4" style="text-align: right;"><b>Charge</b></td>
                                        <td colspan="3" style="text-align: right;">
                                            {{ $charge = $res_info ? $res_info->order_type_amount : 0}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: right;">Vat</td>
                                        <td colspan="3" style="text-align: right;border-bottom: 1px dashed #000;">
                                            {{ $vat_amount = $res_info ? $res_info->vat_amount : 0}} </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: right;"><b>Total</b></td>
                                        <td colspan="3" style="text-align: right;">
                                            <b>{{$sub_total+$shipping_cost+$charge+$vat_amount}}</b>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                        <div class="col-sm-12 col-xs-12" style="margin-top:10px">
                            <p style="margin:0;padding: 2px 0;font-size:10px;text-align: center;border-top: 1px dashed #000;border-bottom: 1px dashed #000;">
                                Thanks You
                            </p>
                        </div>
                        <div class="col-sm-12 col-xs-12" style="margin-top: 2px;">
                            <p style="margin:0;padding: 2px 0;font-size:10px;text-align: center;">
                                Developed By: www.cursorbd.com
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> 
@endsection
@section('script') 
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
<script src="{{ asset('/') }}restaurant/custom/js/cart.js"></script>
<script src="{{ asset('/') }}restaurant/custom/js/order.js"></script>
<script src="{{ asset('/') }}restaurant/custom/js/bill.js"></script>
@endsection