@extends('adminlte::page')
@section('content_header')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">Dashboard</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Admin</a></li>
                    <li class="breadcrumb-item active">Clear Boxes</li>
                </ol>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="card card-outline card-primary">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-3">
                <table class="table table-striped" style="background: steelblue;color:aliceblue">
                    <tr>
                        <td class="text-right color-black"><b>{{__('auth.invoice_no')}}:</b></td>
                        <td>{{ $data->invoice_no }}</td>
                    </tr>
                    <tr>
                        <td class="text-right color-black"><b>{{__('auth.customer')}}:</b></td>
                        <td>{{ get_customer($data->customer_id)->first_name.' '.get_customer($data->customer_id)->last_name }}</td>
                    </tr>
                    <tr>
                        <td class="text-right color-black"><b>{{__('auth.phone_number')}}:</b></td>
                        <td>{{ get_customer($data->customer_id)->phone }}</td>
                    </tr>
                    <tr>
                        <td class="text-right color-black"><b>{{__('auth.discount')}}:</b></td>
                        <td>{{$data->discount.'%'}}</td>
                    </tr>
                    <tr>
                        <td class="text-right color-black"><b>{{__('auth.total')}}:</b></td>
                        <td>{{'$'.number_format($data->total,2)}}</td>
                    </tr>

                </table>
            </div>

            <div class="col-sm-9">
                <div class="wrapper-table">
                    <table id="data_table" width="100%" class="table table-striped">
                        <thead class="color-header-table">
                        <tr>
                            <th class="text-center">#</th>
                            <th>{{__('auth.tracking_no')}}</th>
                        </tr>
                        </thead>
                        <tbody style="text-align: center;">
    
                        </tbody>
                    </table>
    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script type="text/javascript">
	$(document).ready(function(){
		$('#data_table').DataTable({
            "bDestroy": true,
            ordering: false,
            serverSide: true,
            lengthMenu: [[20, 50, 100,200,500,1000,-1], [20, 50, 100,200,500,1000,'All']],
            ajax: "{{ route('clear_box.details',$id) }}",
            columns:
            [
                {data: 'DT_RowIndex','searchable': false},
                {data: 'item_code','class': 'text-left'},
            ],
            "initComplete": function(settings, json) {}
        });
	});
</script>
@endsection