@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>Approve/Reject 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="index.html"><i class="zmdi zmdi-home"></i>ASSAM-TOF</a></li>
               <li class="breadcrumb-item active">Approve/Reject List</li>
            </ul>
         </div>
      </div>
   	</div>
    <div class="container-fluid">
       <div class="row">
          <div class="col-12 col-lg-12">
             <div class="card">
                <div class="header">
                   <h2>Approve/Reject List</h2>
                </div>
                @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="body">
					<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>Status</th>
								<th>Updated By</th>
								<th>Updated at</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->status }}</td>
								<td>{{ $plantation->plantationStatusLogLatest && $plantation->plantationStatusLogLatest->user ? $plantation->plantationStatusLogLatest->user->name  : null}}</td>
								<td>{{  $plantation->plantationStatusLogLatest ? $plantation->plantationStatusLogLatest->created_at->format('d-m-Y') : null}}</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 class="overlay toggle-menu"></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-secondary" data-dismiss="modal">Close</button>
			<button type="submit" class="btn btn-primary">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-secondary" data-dismiss="modal">Close</button>
			<button type="submit" class="btn btn-primary">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