@extends('layouts.app-admin')

@section('title', 'Shop Management')

@section('content')

<!-- Page content -->
<div class="page-content">

	<!-- Main content -->
	<div class="content-wrapper">

		<div id="pnotify-solid-primary"></div>
		<div id="pnotify-create-user"></div>

		<!-- Default ordering -->
		<div class="panel panel-white border-top-success">
			<div class="panel-heading">
				<h5 class="panel-title">
					<i class="icon-cart4"></i> 
					{{trans('admin_default.list_shops')}}
				</h5>
			</div>
			<div class="panel-body">
				@if (permission_check(6,'can_add'))
					<a href="{{url('/create-shop')}}" class="btn text-teal-600 border-teal btn-flat pull-right" style="margin-top: 10px;">
						<i class=" icon-plus3 position-left"></i>
						{{trans('admin_default.add')}}
					</a>
				@endif
				<form class="main-search col-sm-3" method="POST" action="{{ url('/list-shop') }}" style="margin: 10px 0; padding-left: 0;">
	                {!! csrf_field() !!}
                    <div class="input-group input-group-sm">
                        <input  type="text" value="{{$search_text}}" name="search_text" 
                                maxlength="50" 
                                class="form-control" placeholder="Search...">
                        <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>
				<table class="table table-bordered table-framed">
					<thead>
						<tr>
							<th>{{trans('admin_default.id')}}</th>
							<th>{{trans('admin_default.shop_name')}}</th>
							<th>{{trans('admin_default.branche_code')}}</th>
							<th>{{trans('admin_default.phone')}}</th>
							<th>{{trans('admin_default.email')}}</th>
							<th>{{trans('admin_default.location')}}</th>
							<th width="15%">{{trans('admin_default.balance')}}</th>
							<th class="text-center">Actions</th>
						</tr>
					</thead>
					<tbody>
					
					   					  	@foreach($shops as $shop)
						    							<tr>
								<td>{{$index}}</td>
								<td class="link">
									<a href="{{url('/detail-shop/'.$shop->shop_id.' ')}}">{{$shop->name}}</a>
								</td>
								<td>{{strtoupper($shop->branch_code)}}</td>
								<td>{{$shop->phone}}</td>
								<td>{{$shop->email}}</td>
								<td width="25%">{{$shop->province_name}} , {{$shop->country_name}}</td>
								<td class="text-right">{{$shop->symbol}} {{$shop->value==null?0.00:$shop->value }}</td>
								<td class="text-center">
									<ul class="icons-list">
										<li class="dropdown">
											<a href="#" class=" dropdown-toggle" data-toggle="dropdown">
												<i class="icon-menu9"></i>
											</a>

											<ul class="dropdown-menu dropdown-menu-right">

											@if(Auth::user()->is_admin)
												<li>
													<a href="#" class="btn_make_payment" data-popup="tooltip" title="Make Payment" data-id="{{$shop->id}}" data-amount="{{$shop->value}}" data-currency="{{$shop->symbol}}">
														<i class="icon-coin-dollar"></i>{{trans('admin_default.make_payment')}}
													</a>
												</li>
											@endif

											@if (permission_check(6,'can_edit'))
												<li>
													<a href="{{url('/edit-shop/'.$shop->shop_id.' ')}}" data-popup="tooltip" title="Edit">
														<i class="icon-pencil7"></i>{{trans('admin_default.edit')}}
													</a>
												</li>
											@endif
											@if (permission_check(6,'can_delete'))
												<li>
													<a href="#" class="btn-delete" data-id="{{$shop->shop_id}}" data-toggle="modal" data-target="#modalSup" data-popup="tooltip" data-url="{{url('/delete-shop/'.$shop->shop_id.' ')}}"  title="Delete">
														<i class="icon-trash"></i>{{trans('admin_default.delete')}}
													</a>
												</li>
											@endif					
											</ul>
										</li>
									</ul>
								</td>
							</tr>
				  	  	@endforeach

					</tbody>
				</table>

				@if(count($shops))
					<div class="col-sm-12 no-padding text-right" style="margin-top: 20px;">
					    <div class="pull-right">
					    	{{ $shops->appends(Request::only('search_text'))->links() }}
					    </div>
					</div>
				@endif
				
			</div>

		</div>
		<!-- /default ordering -->	
	</div>
	<!-- /main content -->
</div>
<!-- /page content -->

<!-- Inform Delect user-->
<div class="modal fade" id="modalSup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-warning">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" id="myModalLabel">
                    <i class="fa fa-times"></i>
                    {{trans('admin_default.do_you_want_to_remove_this_shop?')}}
                </h4>
            </div>
            <form id="delete-form" action="" method="POST">
                {!! csrf_field() !!}
                <input type="hidden" name="shop_id" id="hidden_id" >
                <div class="modal-body">
                    <p id="delete-text"> {{ Auth::user()->name }}  are you sure to delete this shop ? </p>
			  	  	<hr>
                </div>
                <div class="modal-footer">
                    <button id="delete-btn" type="submit" class="btn btn-extia bg-warning">
                   	 {{trans('admin_default.yes')}}
                    </button>		                    
                    <button type="button" class="btn btn-default " data-dismiss="modal">
                   	 {{trans('admin_default.cancel')}}
                    </button>
                </div>
            </form>						  
        </div>
    </div>
</div>
<!-- /Inform Delect user-->	

<!-- Make payment modal -->
<div id="payment_modal" class="modal fade">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h5 class="modal-title">{{trans('admin_default.make_payment')}}</h5>
			</div>

			<form action="{{url('/make-payment')}}" class="form-horizontal" method="POST">
				{!! csrf_field() !!}
				<div class="modal-body">
					<div class="form-group">
						<input type="hidden" name="data[shop_id]" id="shop_id">
						<label class="control-label col-sm-3">{{trans('admin_default.balance')}}</label>
						<label class="control-label col-sm-9" id="lb_amount"></label>
					</div>

					<div class="form-group">
						<label class="control-label col-sm-3">{{trans('admin_default.payment_amount')}}</label>
						<div class="col-sm-9">
							<input type="number" step="any" placeholder="Payment Amount" class="form-control" id="txt_amount" name="data[payment_amount]">
						</div>
					</div>

					<div class="form-group">
						<label class="control-label col-sm-3">{{trans('admin_default.date')}}</label>
						<div class="col-sm-9">
							<input type="text" name="data[payment_date]" class="form-control pickadate" value="{{date('d-M-Y')}}">
						</div>
					</div>

					<div class="form-group">
						<label class="control-label col-sm-3">{{trans('admin_default.note')}}</label>
						<div class="col-sm-9">
							<textarea class="form-control" name="data[note]"></textarea>
						</div>
					</div>

				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-primary">Submit</button>
				</div>
			</form>
		</div>
	</div>
</div>
<!-- / Make payment modal -->

@endsection


@section('script')

<script type="text/javascript">

$(document).ready(function() {
	
    $('a.btn-delete').click(function(){
    	var me = $(this),
    		id = me.attr('data-id'),
    		url = me.attr('data-url');
    	// $('#hidden_id').val(id);
    	// console.log(url);
    	$('#delete-form').attr('action', url);
    });

	@if(Session::has('message-delete'))

	    // notifycation Solid primary
		$( "#pnotify-solid-primary" ).after(function() {
		          new PNotify({
		            title: '<b>REMOVE SHOP</b>',
		            text: '{{ \Session::get('message-delete') }}',
		            addclass: 'alert-styled-left'
		        });
		});	

	@endif

	@if(Session::has('message-update'))

	    // notifycation Solid primary
		$( "#pnotify-solid-primary" ).after(function() {
		          new PNotify({
		            title: '<b>UPDATE SHOP</b>',
		            text: '{{ \Session::get('message-update') }}',
		            addclass: 'alert-styled-left'
		        });
		});	

	@endif
		
	@if(Session::has('message-default')){
		 // notifycation Solid primary
		$( "#pnotify-solid-primary" ).after(function() {
		          new PNotify({
		            title: '',
		            text: '{{ \Session::get('message-default') }}',
		            addclass: 'alert-styled-left'
		        });
		});	
	}	

	@endif	

	@if(Session::has('message-create'))

	    // notifycation Solid primary
		$( "#pnotify-create-user" ).after(function() {
		          new PNotify({
		            title: '<b>CREATE NEW SHOP</b>',
		            text: '{{ \Session::get('message-create') }}',
		            addclass: 'bg-success'
		        });
		});	

	@endif	

	$('.btn_make_payment').click(function(){

		var shop_id = $(this).attr('data-id');
		var amount = $(this).attr('data-amount');
		var currency = $(this).attr('data-currency')
		var modal = $('#payment_modal');
		var lb_amount = modal.find('label#lb_amount');
		var txt_amount = modal.find('input#txt_amount');
		var txt_shop_id = modal.find('input#shop_id');

		lb_amount.text(currency+" "+amount);
		txt_amount.val(amount);
		txt_shop_id.val(shop_id);

		modal.modal('show');

		return false;
	});
});

</script>

@endsection