@extends('layouts.adminLayout.admin_design')

@section('content')

<style type="text/css">
    #datetimes {
        width: 72%;
        display: initial;
        height: 35px;

    }
    button.clickbtncommon{margin-top: 15px;}
    .lineheight { height: 40px; }
    .labelcls { width: 25%; }
    .btn-group { width: 72%; }
    .btn-group > .btn { width: 100%; }
    .box-header > .box-tools { position: relative !important; }
    @media only screen and (max-width: 768px) {
        .labelcls { width: 100%; }
        .lineheight { height: auto; }
        .btn-group, .btn-group > .btn, #datetimes { width: 100%; }
        button.clickbtncommon { width: 100%; margin: 20px 0; }
    }
</style>
<div class="content-wrapper"> 
    <section class="content-header">
        <h1>{{ $title }}  </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content" style="min-height:0 !important; padding-bottom: 0;"> 
        <div class="box box-default">
            <div class="box-header without-border">
                <div class="box-tools col-md-12">
                    {{ Form::open(['url' => route('paymentdiscrepancieslogreport'), 'method'=>'POST', 'file'=>true, 'enctype'=>'multipart/form-data', 'name' => 'payment_descrepancy_report', 'id' => 'payment_descrepancy_report']) }}
                        <div class="col-md-4 lineheight">
                            <label class="labelcls">{{ __('lbl.date')}}</label>
                            {{ Form::text('datetimes', '',["class"=>"form-control datetimes","id"=>"datetimes","name"=>"datetimes"]) }}
                        </div>
                        <div class="col-md-4 lineheight">
                            <label class="labelcls">{{ __('lbl.stores')}}</label>  
                            {{ Form::select('establishment_id', $establishments,'', ['class' => 'form-control  input-sm', 'id' => 'establishment_id', "name" => "establishment_id"]) }}
                        </div>
                        <div class="col-md-4 lineheight">
                            <label class="labelcls">{{ __('lbl.order_payment_type')}}</label>
                            {{ Form::select('paymenttype',[null=>'Select',""=>"All","CASH"=>"CASH","CREDITM"=>"CREDITM","CARD"=>"CARD","BOTH"=>"BOTH"] ,'', ['class' => 'form-control  input-sm', 'id' => 'paymenttype', "name" => "paymenttype"]) }}
                        </div>
                        <div class="col-md-4 lineheight">
                            <label class="labelcls">{{ __('lbl.payment_entries')}}</label>
                            {{ Form::select('entries', [null=>'Select','single'=>'Single','multiple'=>'Multiple'], 'NO',['class'=>'form-control input-sm','id'=>'entries']) }}
                        </div>
                        <div class="col-md-2 lineheight">
                            {{ Form::checkbox('duplicate', 1,["class"=>"form-control","id"=>"duplicate","name"=>"duplicate"]) }}
                            
                            {{ __('lbl.duplicate_payments')}}
                        </div>
                        <div class="col-md-1 lineheight">
                            {{ Form::button('<i class="fa fa-filter fa-1x"></i> '. __('lbl.filter'), ["class"=>"clickbtncommon btn btn-sm btn-primary","id"=>"dateSearch"]) }}
                        </div>
                        <!-- <div class="clearfix"></div> -->
                        <div class="col-md-4 lineheight">
                            {{ Form::button('<i class="fa fa-chain fa-1x" aria-hidden="true"></i>&nbsp;'. __('lbl.fix_payment_order_descrepencies'), ["class"=>"clickbtncommon btn btn-sm btn-primary","value"=>"payment","name"=>"export",'type' => 'submit']) }}
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">
                <h3 class="box-title">{{ $title }}</h3>
            </div> 
            <div class="box-body">
                <table class="table table-bordered" id="productinventorylog_table">
                    <thead>
                        <tr>
                            <th> {{ __('lbl.date') }} </th>
                            <th> {{ __('lbl.order_id') }} </th>
                            <th> {{ __('lbl.no_trans_in_order') }} </th>
                            <th> {{ __('lbl.pay_types') }} </th>
                            <th> {{ __('lbl.all_payments') }} </th>
                            <th> {{ __('lbl.payments_total')}} </th>
                            <th> {{ __('lbl.order_amount') }} </th>
                            <!-- <th> {{ __('lbl.difference') }} </th> -->
                            <th> {{ __('lbl.device_type') }} </th>
                            <th> {{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </section>
</div>


<div class="modal fade" id="modal-till-close">
    <div class="modal-dialog modal-lg" style="width:50%">
        {{ Form::open(['url' => route('updatepaymenttransaction'),"class"=>"form-horizontal",'enctype'=>'multipart/form-data', "method"=>"POST", "name" => "modal_payment_close", "id" => "modal_payment_close"]) }}
        <input type="hidden" name="id" id="id" value="">
        <div class="modal-content">
            <div class="modal-header  box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="title-till"></h4>
            </div>
            <div class="modal-body">
                <div class="tab-pane" id="price_options">
                    <div id="item_details">
                        <div class="form-group">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-4">
                                <label for="modifier" class="control-label">{{ __('lbl.payments_total') }}</label>
                            </div>
                            <div class="col-sm-4">
                                <label for="modifier" class="control-label">{{ __('lbl.order_amount') }}</label>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-4">
                                {{ Form::text('payments_total', '', ["readonly","class"=>"form-control numer_only mxlen_5","maxlength"=>"5","onkeypress"=>"return number_allow_only(event);","id"=>"payments_total","name"=>"payments_total"]) }}
                            </div>
                            <div class="col-sm-4">
                                {{ Form::text('order_total', '', ["readonly","class"=>"form-control numer_only","maxlength"=>"5","id"=>"order_total","name"=>"order_total"]) }}
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-8">Void All Except one to match Order total</div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div id="new_item_details" class="new_item_details"></div>
                    <div class="form-group">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-8"><input type="checkbox" id="first_as_order_total" name="first_as_order_total">&nbsp; Make First Transaction equal to Order Total (if required)</div>
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-sm-2"></div>
                    <div class="col-md-6 pull-left">
                        {{ Form::button('<i class="fa fa-backward"></i> '.__('lbl.cancel'), ["data-dismiss"=>"modal", "value"=>__('lbl.cancel'), 'class' => 'clickbtncommon btn-sm btn btn-primary pull-left'] )  }}
                        {{ Form::button('<i class="fa fa-save"></i> '.__('lbl.submit'), ['type' => 'submit',"id"=>"buttonTW","value"=>__('lbl.submit'), 'class' => 'clickbtncommon btn-sm btn btn-primary pull-left'] )  }}
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div>
        {{ Form::close() }} 
    </div> 
</div>
@endsection  
@section('pagescript') 
{!! Helper::pagejs([
    'js/lib/datatables.net/js/jquery.dataTables.min.js',
    'js/lib/datatables.net-bs/js/dataTables.bootstrap.min.js', 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/moment/min/moment.min.js',
    'js/lib/bootstrap-daterangepicker/daterangepicker.js',
    'js/lib/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js',
    'js/lib/plugins/timepicker/bootstrap-timepicker.min.js',
    'js/backend/report/payment_discrepancies_log.js',
    'js/backend/report/bootstrap-multiselect.js',
    'js/backend/canvasjs/canvasjs.min.js'  
    ]) !!}
<link href="{{ asset('js/backend/report/bootstrap-multiselect.css') }}" rel="stylesheet" />

<style>
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #000;
text-decoration: none;
background-color: #fff;
outline: 0;
}
</style>    
<script>

</script>
@stop