@extends('layouts.app')
@section('title', 'Automatic Casheir Routations (Beta)')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header no-print">
    <h1>Automatic Casheir Routations Details</h1>
</section>

<!-- Main content -->
<section class="content no-print">
    <div class="row">
        
            @component('components.filters', ['title' => __('report.filters')])

            <!--<div class="col-md-10 mx-2">-->
            <!--<label class="form-control bg-dark header-print"> Inventory Control To Location {{$location_name}} </label>-->
            <!--</div>-->

            <div class="col-md-2 mx-2">
            <a href="/additional_reports/casheir_routations" style="text-decoration: none;"><button class="form-control bg-dark  button" style="background: #e10f28 !important; color: white; border-radius: 50px; border-style: none; font-weight: 700;">New Report</button></a>
            </div>

            @endcomponent
        <!--</div>-->
        
        
    </div>
    
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-body">
                    <div class="table-responsive">
                    <table id="dtBasicExample" class="table table-bordered table-striped text-center" >
                        <caption style="display: none;"><label class="form-control bg-dark header-print">Automatic Casheir Routations Details printed by : {{$printed_user}} at {{$mytime}} </label></caption>
                        <thead>
                            <tr>
                                <th>Cashier Name</th>
                                <th>Location Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($final_results as $final_result)
                            <tr>
                                <td>
                                    {{$final_result->user_name}}
                                </td>
                                <td>
                                    {{$final_result->location_name}}
                                </td>


                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

</section>
<!-- /.content -->

<style>
    tr.odd td:first-child,
tr.even td:first-child {
    padding-left: 4em;
}
</style>

@endsection


@section('javascript')
<script>
   $(document).ready(function () {

    $('#dtBasicExample').DataTable({  
        aLengthMenu: [[10, 25, 50, 75, -1], [10, 25, 50, 75, "All"]],
        iDisplayLength: -1,
        });
        
});
</script>
@endsection