@extends('layouts.admin', ['title' => 'یادداشت‌های پیشفرض'])

@section('content')
 
	<h3>مدیریت یادداشت‌های پیشفرض</h3>
	<hr />
	 
	<div class="row">
	  <div class="col-md-6">
		  <a href="/admin/notepad/orders/{{ $cid }}/add" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> یادداشت پیشفرض جدید</a>
		  <a href="/admin/orders/{{ $incomplete ? 'incomplete/' : '' }}{{ $cid }}/edit" class="btn btn-default">بازگشت</a>
	  </div>
	  <div class="col-md-6 text-left">
		  <form  method="post" action="{{ url('/admin/notepad/orders/' . $cid ) }}" class="form-inline" >
			<input type="hidden" name="_token" value="{{ csrf_token() }}"> 
	  
		   <div class="form-group"> 
			 <input type="text"  placeholder="جستجو عنوان یادداشت" name="q" id="q" class="form-control" value="" >
			 {!! $errors->first('first_name', '<span class="error">:message</span>') !!}
		   </div> 
		  </form>
	  </div>
	</div>
	<br/>

	  <div class="row">
		  <div  class="col-xs-12">
			  @if(count($data)==0)
			  <div class="alert alert-info" role="alert">
				اطلاعاتی برای نمایش دادن وجود ندارد.
			  </div>
			  @else
			  <table class="table table-striped">
				  <tr>
					  <th></th>
					  <th>عنوان</th> 
					  <th style="width:150px;">عملیات</th>
				  </tr>

				  @foreach($data as $item)
					  <tr class="tdatarows" data-title="{{ $item->title }}">
						<td>
						  
						  <a href="/admin/orders/{{ $cid }}/notepad/{{ $item->id }}" class="btn btn-default btn-sm"  >نمایش</a>
						</td>
						  <td>{{ $item->title }}</td>
						  <td>
							<a href="/admin/notepad/orders/{{ $cid }}/delete/{{ $item->id }}" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="confirm-delete btn btn-danger btn-sm" >حذف</a>
							<a href="/admin/notepad/orders/{{ $cid }}/edit/{{ $item->id }}" class="btn btn-primary btn-sm"  >ویرایش</a>
						  </td>
					  </tr>
				  @endforeach
			  </table>

			  <div style="text-align: center;">
			   {!! $data->render(); !!}
			   </div>

			  @endif
		  </div>
		  <div  class="col-xs-6">
			  <div id="dvData">

			  </div>
		  </div>
	  </div>
   
@stop 

@section('javascript')
	<script>
	  function copyClipboard() { 
		var copyText = document.getElementById("content"); 
		copyText.select(); 
		document.execCommand("copy");  
	  } 

	  jQuery(document).ready(function(){
		jQuery("#q").keyup(function(){
		  var q = jQuery(this).val();
		  if(q == "")
		  {
			jQuery(".tdatarows").show();
		  }
		  else
		  {
			jQuery(".tdatarows").hide();
			jQuery("[data-title*='" + q + "']").show();
		  }
		});
	  });
	</script>
@endsection