@extends('layouts.master')
@section('content')
<section class="content home">
   <div class="block-header">
      <div class="row">
         <div class="col-lg-5 col-md-5 col-sm-12">
            <h2>Plantation verified List
            <small>Welcome to TOF</small>
            </h2>
         </div>            
         <div class="col-lg-7 col-md-7 col-sm-12 text-right">
            <!-- <button class="btn btn-white btn-icon btn-round d-none d-md-inline-block float-right m-l-10" type="button">
               <i class="zmdi zmdi-plus"></i>
            </button> -->
            <ul class="breadcrumb float-md-right">
               <li class="breadcrumb-item"><a href="/"><i class="zmdi zmdi-home"></i>ASSAM-TOF</a></li>
               <li class="breadcrumb-item active">Plantation verified List</li>
            </ul>
         </div>
      </div>
   </div>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
               <div class="header">
                  <h2><strong>Plantation Verified</strong> List 
                  <!-- <small>Plantation Raised On Non-forest Land</small> </h2> -->
                  <!-- <ul class="header-dropdown">
                     <li >
                        <a href="/plantation/add" class="btn btn-light btn-block">Add Plantation</a>
                     </li>
                  </ul> -->
               </div>
               <div class="body">
                  <div class="row clearfix">
                     <div class="col-md-12 col-lg-12">
                        @if ($message = Session::get('success'))
                           <div class="alert alert-success">
                                 <p>{{ $message }}</p>
                           </div>
                        @endif
                        @if ($message = Session::get('failed'))
                           <div class="alert alert-danger">
                                 <p>{{ $message }}</p>
                           </div>
                        @endif
                        <div class="table-responsive">
                           <table class="table m-b-0 table-bordered table-striped">
                              <thead>
                                 <tr>
                                    <th>Arn No</th>
                                    <th>Name</th>
                                    <th>Plantation Type</th>
                                    <th>Mobile</th>
                                    <th>Created Date</th>
                                    <th>Assigned To</th>
                                    <th>Action</th>
                                 </tr>
                              </thead>
                              <tbody>
                                 @if(!empty($plantationList) && $plantationList->count())
                                    @foreach($plantationList as $key => $plantationObject)
                                                                     <tr>
                                       <td>{{ $plantation->arn_no }}</td>
                                       <td>{{ $plantation->name_of_pattadar }}</td>
                                       <td>{{ $plantation->plantationType->plantation_initial_range }} to {{ $plantation->plantationType->plantation_final_range }} KM</td>
                                       <td>{{ $plantation->mobile_no }}</td>
                                       <td>{{ $plantation->created_at->format('d-m-Y') }}</td>
                                       <td>{{ $plantation->adminPlantationMap ? $plantation->adminPlantationMap->user->name : "Not Assigned" }}</td>
                                       <td>
                                          <a href="/plantation/showPDF/{{ $plantation->id }}" ><button class="btn-primary btn-sm btn-round btn-icon-mini"><i class="material-icons">file_download</i></button></a>
                                          <a data-toggle="modal" data-target="#acceptModal" data-id="{{$plantation->id}}" class="  acceptModal"><button class="btn btn-primary btn-sm btn-round"> Approve</button></a>
                                          <a data-toggle="modal" data-target="#rejectModal" data-id="{{$plantation->id}}" class=" rejectModal"> <button class="btn btn-primary btn-sm btn-round">Reject</button></a>
										  <a href="/plantation/preview/{{ $plantation->id }}" class=" "><button class="btn btn-primary btn-icon btn-sm  btn-icon-mini btn-round"><i class="zmdi zmdi-eye"></i></button></a>
                                          <!-- <a href="/plantation/status/{{ $plantation->id }}?status=Approved" class="btn btn-light btn-block">Approved</a>
                                          <a href="/plantation/status/{{ $plantation->id }}?status=Rejected" class="btn btn-light btn-block">Rejected</a> -->
                                       </td>
                                    </tr>
                                    @endforeach
                                 @else
                                 <tr>
                                    <td colspan="8"><center>No Plantation found!</center></td>
                                 </tr>
                              @endif
                              </tbody>
                           </table>
                           {!! $plantationList->links() !!}
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            @include('layouts.footer')
         </div>
      </div>
   </div>
</section>
 
<!-- Modals -->
<div class="modal fade" id="acceptModal" tabindex="-1" role="dialog" aria-labelledby="acceptModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="acceptModalLabel">Approve</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
	
      <form id="acceptModalForm" action="" method="PUT">
		<div class="modal-body">
			<input type="hidden" id="accept_id" name="id"></input>
			<input type="hidden" id="accept_status" name="status" value="Approved"></input>
			<p>Remarks</p>
			<div>
				<textarea class="form-control" type="text" id="remarks" name="remarks"></textarea>
			</div>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-simple btn-sm btn-round" data-dismiss="modal">Close</button>
			<button type="submit" class="btn btn-primary btn-sm btn-round">Save changes</button>
		</div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="rejectModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="rejectModalLabel">Approve</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form id="rejectModalForm" action="" method="PUT">
		<div class="modal-body">
			<input type="hidden" id="reject_id" name="id"></input>
			<input type="hidden" id="reject_status" name="status" value="Rejected"></input>
			<p>Remarks</p>
			<div>
				<textarea class="form-control" type="text" id="remarks" name="remarks"></textarea>
			</div>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-simple btn-sm btn-round" data-dismiss="modal">Close</button>
			<button type="submit" class="btn btn-primary btn-sm btn-round">Save changes</button>
		</div>
      </form>
    </div>
  </div>
</div>

@yield('script')
<script type="text/javascript">
	$(document).on('click','.acceptModal',function(){
		let id = $(this).attr('data-id');
		document.getElementById('acceptModalForm').action = '/plantation/status/'+id+'?status=Approved';
		$('#accept_id').val(id);
    });
	$(document).on('click','.rejectModal',function(){
		let id = $(this).attr('data-id');
		document.getElementById('rejectModalForm').action = '/plantation/status/'+id+'?status=Rejected';
		$('#reject_id').val(id);
    });
</script>
@endsection