@extends('layouts.app-admin')

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

@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-flat">
			<div class="panel-heading">
				<h5 class="panel-title">
					<i class="fa fa-tags"></i> 
					{{trans('admin_default.currency')}}
					<a href="{{url('/create-shop-category')}}" class="btn text-teal-600 border-teal btn-flat pull-right" data-toggle="modal" data-target="#exampleModalLong">
						<i class=" icon-plus3 position-left"></i>
						{{trans('admin_default.add')}}
					</a>	
				</h5>
			</div>

			<div class="panel-body">

				<table class="table table-bordered table-framed">
					<thead>
						<tr>
							<th>{{trans('admin_default.id')}}</th>
							<th>{{trans('admin_default.name')}}</th>
							<th>{{trans('admin_default.symbol')}}</th>
							<th class="text-center" width="10%">Actions</th>
						</tr>
					</thead>
					<tbody>
					  						  	@if(count($currencies))
						  	@foreach($currencies as $currency)
						    									<tr>
									<td>{{$index}}</td>
									<td>{{$currency->type}}</td>
									<td>{{$currency->symbol}}</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">
													<li>
														<a href="#" class="btn-edit" 
															data-id="{{$currency->id}}" 
															data-type="{{$currency->type}}"
															data-symbol="{{$currency->symbol}}"
															data-toggle="modal" 
															data-target="#ModalLong" 
															data-popup="tooltip" 
															title="Edit" 
															data-url="{{url('/edit-shop-currency/ '.$currency->id.' ')}}">
															<i class="icon-pencil7"></i>{{trans('admin_default.edit')}}
														</a>
													</li>

													<li>
														<a href="#" 
															class="btn-delete" 
															data-id="{{$currency->id}}" 
															data-toggle="modal" 
															data-target="#modalSup" 
															data-popup="tooltip" 
															data-url="{{url('/delete-shop-currency/'.$currency->id.' ')}}"  
															title="Delete">
															<i class="icon-trash"></i>{{trans('admin_default.delete')}}
														</a>
													</li>				
												</ul>
											</li>
										</ul>
									</td>
								</tr>
					  	  	@endforeach
					  	@else
					  		<tr>
					  			<td colspan="3">{{trans('admin_default.no_records')}}</td>
					  		</tr>
					  	@endif

					</tbody>
				
				</table>
				
			</div>

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

<!-- Modal Create shop category -->
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add New</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      	<form role="form" method="POST" action="{{ url('/create-shop-currency') }}">
			<input type="hidden" class="token" name="_token" value="{{ csrf_token()}}">
      		<div class="form-group">
				<label>{{trans('admin_default.name')}} <span class="text-danger">*</span></label>
				<input type="text" class="form-control" name="type" required="required">
			</div>
			<div class="form-group">
				<label>{{trans('admin_default.symbol')}} <span class="text-danger">*</span></label>
				<input type="text" class="form-control" name="symbol" required="required">
			</div>
			<div class="text-right">
	        	<button type="submit" class="btn btn-primary position-right" >Save</button>
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
			</div>
      	</form>
      </div>
    </div>
  </div>
</div>	

<!-- Modal edit shop category -->
<div class="modal fade" id="ModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Edit</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      	<form role="form" method="POST" id="edit-form">
			<input type="hidden" class="token" name="_token" value="{{ csrf_token()}}">
      		<div class="form-group">
				<label>{{trans('admin_default.name')}} <span class="text-danger">*</span></label>
				<input type="text" id="edit-type" class="form-control" name="type" value="" required="required">
			</div>
			<div class="form-group">
				<label>{{trans('admin_default.symbol')}} <span class="text-danger">*</span></label>
				<input type="text" id="edit-symbol" class="form-control" name="symbol" value="" required="required">
			</div>
			<div class="text-right">
	        	<button type="submit" class="btn btn-primary" >Save</button>
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
			</div>
      	</form>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->

<!-- 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>
                    Do you want to remove this currency?
                </h4>
            </div>
            <form id="delete-form" method="POST">
                {!! csrf_field() !!}
                <input type="hidden" name="hidden_id" id="hidden_id" >
                <div class="modal-body">
                    <p id="delete-text">Are you sure to delete this currency ? </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-->	

@endsection


@section('script')

<script type="text/javascript">
$(function(){
	$('.btn-edit').click(function(){
		var me = $(this),
			type = me.attr('data-type'),
			symbol = me.attr('data-symbol'),
			url = me.attr('data-url');
		$('#edit-type').val(type);
		$('#edit-symbol').val(symbol);
		$('#edit-form').attr('action', url);
	});

	$('.btn-delete').click(function(){
		var me = $(this),
			url = me.attr('data-url');
		$('#delete-form').attr('action', url);
	});

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

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

	@endif	

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

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

	@endif	
});
</script>

@endsection