@extends('adminlte::page')

@section('title', 'Return Rack Checker')

@section('content_header')
<h1>Return Rack Checker</h1>
@stop

@section('content')
<div class="container-fliud">
  <div class="row">
    <div class="col-12">
      <div class="callout callout-info">
        <h5><i class="fas fa-info"></i> Note:</h5>
        This page has been enhanced for printing. Click the print button at the bottom of the invoice to test.
      </div>

      <div class="invoice p-3 mb-3">

        <div class="row">
          <div class="col-12">
            <h4>
              PT. Panggilan Burung Kutilang
              <small class="float-right" style="text-align: right; font-size: 18pt;">
                <b>{{$order['invoice_no']}}</b>
                <br>
               </small>
            </h4>
            <h5>Return Rack Checker</h5>
          </div>

        </div>

 


        <div class="row">
          <div class="col-12 table-responsive">
           
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>No.</th>
                  <th>Item Rack Code</th>
                  <th>Item Code</th>
                  <th>Item Stock Code</th>
                  <th>Return Date</th>
                  <th>Checker</th>
                </tr>
              </thead>
              <tbody>
                                @foreach($item_order as $key)
                                <tr>
                  <td>{{$counter}}</td>
                  <td>{{$exp[0]}}</td>
                  <td>{{$exp[1]}}</td>
                  <td>{{$exp[2]}}-{{$exp[3]}}</td>
                  <td>{{$key->returned_at}}</td>
                  <td><div style="width: 25px; height: 25px; border: solid 2px black;"></div></td>
                  
                </tr>
                @endforeach
                
              </tbody>
            </table>
            <hr>
            <table style="width: 100%;">
              <tr>
                <td style="width: 80%; vertical-align: top;">
                   <h5>Print date: 15 Mar 2025</h5>
                 </td>
                 <td style="text-align: center;">
                   Supervisor sign<br><br><br><br><br>
                   <hr>
                 </td>
           </tr>
           </table>
          </div>

        </div>

    


        <div class="row no-print" style="margin-top: 10px;">

          <div class="col-12">
            
            <button type="button" class="btn btn-primary float-right btn-print" style="margin-right: 5px;">
              <i class="fas fa-print"></i> Print
            </button>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
@stop

@section('css')

<link rel="stylesheet" href="{{asset('plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css')}}">
<style type="text/css">
  @media print {
  body {
    visibility: hidden;
  }
  .invoice {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  .no-print{
    visibility: hidden;
  }
}
</style>

@stop

@section('js')

<script src="{{asset('plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('plugins/moment/moment.min.js')}}"></script>
<script src="{{asset('plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/daterangepicker.js')}}"></script>
<script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $(".btn-print").click(function(){
      window.print();
    });
  });
</script>
@stop