@extends('layouts.app-admin')
@section('title',trans('admin_default.payment_history'))
@section('content')
<div class="content-wrapper">
    <div class="panel panel-white border-top-success">
        <div class="panel-heading">
            <h5 class="panel-title text-bold">
                <i class="icon-history position-left"></i>
                {{trans('admin_default.payment_history')}}
            </h5>
        </div>

        <div class="panel-body">
        
            <form class="main-search col-sm-3" method="POST" action="{{url('/payment-history')}}" style="margin: 10px 0; padding-left: 0;">
                {!! csrf_field() !!}
                <div class="input-group input-group-sm">
                    <input  type="text" value="{{@$condition['search_text']}}" name="condition[search_text]" 
                            maxlength="50" 
                            class="form-control" placeholder="Shop name...">
                    <span class="input-group-btn bg-success">
                        <button class="btn btn-primary" title="Search" data-popup="tooltip">
                            <i class="icon-search4"></i>
                        </button>
                    </span>
                </div>
            </form>

            <form class="main-search col-lg-2 pull-right" method="POST" action="{{url('/payment-history')}}" style="margin: 10px 0; padding-left: 0;" id="filter_form">
                {!! csrf_field() !!}
                <div class="input-group input-group-sm col-lg-12">
	                <select class="bootstrap-select col-lg-12" name="condition[date_filter]" id="select-period" >
												@for($i = 0; $i < 24; $i++)

							@if($date_filer == $i)
															@endif

							@if($i == 0)
								<option value="{{$i}}" {{$select}}>This Month</option>
							@elseif($i == 1)
								<option value="{{$i}}" {{$select}}>Last Month</option>
							@else
								<option value="{{$i}}" {{$select}}>{{date('F-Y',strtotime("-$i months"))}}</option>
							@endif

													@endfor
					</select>
				</div>
            </form>

            <div>
                <table class="table table-bordered table-framed">
                    <thead>
                        <tr>
							<th>#</th>
							<th>{{trans('admin_default.date')}}</th>
							<th>{{trans('admin_default.shop_name')}}</th>
							<th>{{trans('admin_default.amount')}}</th>
							<th>{{trans('admin_default.note')}}</th>
							<th>{{trans('admin_default.created_by')}}</th>
						</tr>
                    </thead>

                    <tbody>
                    @foreach( $data as $key => $value )
                        <tr>
							<td width="5%">{{++$key}}</td>
							<td width="10%">{{@$value->payment_date}}</td>
							<td width="20%"><a href="{{url('/detail-shop/'.@$value->shop_id)}}" >{{@$value->name}}</a></td>
							<td class="text-right">{{@$value->symbol}} {{number_format(@$value->payment_amount,2)}}</td>
							<td>{{@$value->note}}</td>
							<td>{{@$value->staff_name}}</td>
						</tr>
                    @endforeach
                    </tbody>
                </table>
                @if(count($data))
                    <div class="clearfix"></div>
                    @include('elements.paginate')
                @endif
            </div>
        </div>

    </div>
</div>

@endsection

@section('script')
<script type="text/javascript">
$(document).ready(function(){

	$('#select-period').change(function(){

		var filter_form = $('#filter_form');
		filter_form.trigger('submit');

	});

});
</script>
@endsection