@extends('layouts.app')
@section('title', 'Invoice Changes(Beta)')
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header no-print">
    <h1>Invoice Changes(Beta)</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">Invoices which has changes in total At {{$daterange_new_formate}}</label>
</div>
<div class="col-md-2 mx-2">
<a href="/additional_reports/transaction_changes" 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 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">Invoices which has changes in total At {{$daterange_new_formate}} , printed by ({{$printed_user}})</label></caption>
                        <thead>
                            <tr>
                            @if($admin_users_id == 3 || $admin_users_id == 166 )
                                <th>Username</th>
                                <th>Invocie No</th>
                                <th>Final</th>
                                <th>Old Final</th>
                                <th>Status</th>
                            @else
                                <th>Invocie No</th>
                            
                            @endif
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($changed_invoices as $result)
                                    @if($admin_users_id != 3 || $admin_users_id != 166 )
                                        @if($result->final_total > $result->old_final_total)
                                <tr>
                                            <td>{{$result->username}}</td>
                                            <td>{{$result->invocie_no}}</td>
                                            <td>{{$result->final_total}}</td>
                                            <td>{{$result->old_final_total}}</td>
                                            <td>Increasement</td>
                                        @else
                                <tr class="alert alert-danger" role="alert">
                                            <td>{{$result->username}}</td>
                                            <td>{{$result->invocie_no}}</td>
                                            <td>{{$result->final_total}}</td>
                                            <td>{{$result->old_final_total}}</td>
                                            <td>Decreasement</td>
                                        @endif
                                    @else
                                        <td>{{$result->invocie_no}}</td>
                                    @endif
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection


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