@extends('layouts.app-admin')

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

@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="icon-package"></i> 
					{{trans('admin_default.shop_categories')}}
					@if (permission_check(6,'can_add'))
						<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>	
					@endif
				</h5>
			</div>

			<div class="panel-body">

				<table class="table table-bordered table-framed">
					<thead>
						<tr>
							<th width="50" class="text-center">{{trans('admin_default.no')}}</th>
							<th width="100" class="text-center">{{trans('admin_default.icon')}}</th>
							<th>{{trans('admin_default.shop_category')}}</th>
							<th width="200" class="text-center">{{trans('admin_default.show_in_partner_network')}}</th>
							<th class="text-center" width="10%">Actions</th>
						</tr>
					</thead>
					<tbody>
					  						  	@if(count($shop_categories))
						  	@foreach($shop_categories as $category)
						    									<tr>
									<td class="text-center">{{$index}}</td>
									<td class="text-center">
										@if(!empty($icon))
											<img src="{{$icon}}" width="80">
										@endif
									</td>
									<td>{{$category->name}}</td>
									<td class="text-center">{{$show_in_partner_network}}</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="{{$category->id}}" 
															data-name="{{$category->name}}" 
															data-icon="{{$icon}}"
															data-show-in-partner-network="{{$show_in_partner_network}}"
															data-toggle="modal" 
															data-target="#ModalLong" 
															data-popup="tooltip" 
															title="Edit" 
															data-url="{{url('/edit-shop-category/ '.$category->id.' ')}}">
															<i class="icon-pencil7"></i>{{trans('admin_default.edit')}}
														</a>
													</li>

													<li>
														<a href="#" 
															class="btn-delete" 
															data-id="{{$category->id}}" 
															data-toggle="modal" 
															data-target="#modalSup" 
															data-popup="tooltip" 
															data-url="{{url('/delete-category-shop/'.$category->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 Shop Category</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-category') }}" enctype="multipart/form-data" >
			<input type="hidden" class="token" name="_token" value="{{ csrf_token()}}">
      		<div class="form-group {{ $errors->has('category') ? ' has-error' : '' }}">
				<label>{{trans('admin_default.category_name')}} <span class="text-danger">*</span></label>
				<input type="text" class="form-control" placeholder="Category..." name="category" required="required">
			</div>
			<div class="form-group">
                <input type="checkbox" class="form-control styled" name="show_in_partner_network" value="1">
                <span class="small-mrg-left">{{trans('admin_default.show_in_partner_network')}} </span>
            </div>
            <div class="form-group {{ $errors->has('icon') ? ' has-error' : '' }}" >
				<label>{{trans('admin_default.icon')}}</label>
				<input type="file" class="file-styled" name="icon" value="{{ old('icon') }}">
			</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 Shop Category</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" enctype="multipart/form-data">
			<input type="hidden" class="token" name="_token" value="{{ csrf_token()}}">
      		<div class="form-group {{ $errors->has('category') ? ' has-error' : '' }}">
				<label>{{trans('admin_default.category_name')}} <span class="text-danger">*</span></label>
				<input type="text" id="edit-name" class="form-control" placeholder="Category..." name="category" value="" required="required">
			</div>
			<div class="form-group">
                <input type="checkbox" class="form-control styled" name="show_in_partner_network" value="1" id="edit-show-in-partner-network">
                <span class="small-mrg-left">{{trans('admin_default.show_in_partner_network')}} </span>
            </div>
            <div class="form-group {{ $errors->has('icon') ? ' has-error' : '' }}" >
				<label>{{trans('admin_default.icon')}}</label>
				<div class="icon-preview">
					<img src="" width="100%">
				</div>
				<input type="file" class="file-styled" name="icon" value="{{ old('icon') }}">
			</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 category?
                </h4>
            </div>
            <form id="delete-form" method="POST">
                {!! csrf_field() !!}
                <input type="hidden" name="category_id" id="hidden_id" >
                <div class="modal-body">
                    <p id="delete-text"> {{ Auth::user()->name }} are you sure to delete this category ? </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-->	

<style type="text/css">
.icon-preview {
	display: block;
	width: 100px;
}
</style>

@endsection


@section('script')

<script type="text/javascript">
$(function(){
	$('.btn-edit').click(function(){
		var me = $(this),
			name = me.attr('data-name'),
			icon = me.attr('data-icon'),
			show_in_partner_network = me.attr('data-show-in-partner-network'),
			url = me.attr('data-url');
		$('#edit-name').val(name);
		if (show_in_partner_network == 'Yes') {
			$('#edit-show-in-partner-network').parent('span').addClass('checked');
			$('#edit-show-in-partner-network').prop('checked', true);
		}else {
			$('#edit-show-in-partner-network').parent('span').removeClass('checked');
			$('#edit-show-in-partner-network').prop('checked', false);
		}
		if (icon != '') {
			$('.icon-preview').find('img').attr("src", icon);
		}else {
			$('.icon-preview').find('img').attr("src", '');
		}
		$('#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 CATEGORY</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 CATEGORY</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 CATEGORY</b>',
		            text: '{{ \Session::get('message-create') }}',
		            addclass: 'bg-success'
		        });
		});	

	@endif	
});
</script>

@endsection