@extends('layouts.marketing_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>@lang('translate.user_documents_list')</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="row g-3">
        <div class="col-lg-12 mt-3 mt-lg-5">
			<div class="bg-dark pb-4 rounded-3 box-shadow">
				<div class="table-responsive-lg table-p15">
					<table id="grouplisting" class="table table-dark table-striped mb-0 text-center table-hover">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.name')</th>
								<th>@lang('translate.email')</th>
								<th>@lang('translate.document_type')</th>
								<th>@lang('translate.image')</th>
								<th>@lang('translate.comment')</th>
								<th>@lang('translate.status')</th>
								<th>@lang('translate.date')</th>
								<th>@lang('translate.action')</th>
							</tr>
						</thead>
						<tbody>
							@foreach($userdocuments as $key=>$userdoc)
							<tr>
								<td>{{ $key+1 }}</td>
								<td>{{ $userdoc->name }}</td>
								<td>{{ $userdoc->email }}</td>
								<td>@if($userdoc->document_type == 'poa') Proof of Address @elseif($userdoc->document_type == 'poi') Proof of Identity @endif</td>
								<td> 
									@if($userdoc->extension == 'pdf')
									<a href="{{ asset('/images/'.$userdoc->document_type.'/'.$userdoc->userid.'/'.$userdoc->filename) }}?image={{$userdoc->id}}" data-toggle="lightbox">
										<img src="{{ asset('/img/pdf-icon.png') }}?image={{$userdoc->id}}" height="50px" width="50px">
									</a>
									@else
									<a href="{{ asset('/images/'.$userdoc->document_type.'/'.$userdoc->userid.'/'.$userdoc->filename) }}?image={{$userdoc->id}}" data-toggle="lightbox">
										<img src="{{ asset('/images/'.$userdoc->document_type.'/'.$userdoc->userid.'/'.$userdoc->filename) }}?image={{$userdoc->id}}" height="50px" width="50px">
									</a>
									@endif
								</td>
								<td>{{ $userdoc->comment }}</td>
								<td class="@if($userdoc->status == '0') text-warning @elseif($userdoc->status == '1') text-success @elseif($userdoc->status == '2') text-danger @endif">@if($userdoc->status == '0') Pending @elseif($userdoc->status == '1') Approved @elseif($userdoc->status == '2') Rejected @endif</td>
								<td>{{ date('Y-m-d',strtotime($userdoc->created_at)) }}</td>
								<td>
									@if($userdoc->status == '0')
									<a href="{{ url('/marketing/user/userdocuments/approve/'.$userdoc->id) }}" class="btn btn-success btn-xs" onclick="return confirm('Are you sure?');"><i class="fa fa-check"></i></a>
									<button class="btn btn-primary btn-xs" onclick="DocumentComment({{$userdoc->id}})">Reject</button>
									@endif
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="submit-document-comment">
	<div class="modal-dialog" role="document">
		<div class="modal-content bg-black">
			<div class="modal-header bg-primary">
				<h5 class="modal-title">@lang('translate.document_comment')</h5>
				<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form role="form" method="post" action="{{ url('/marketing/user/userdocumentcomment') }}">
					@csrf
					<div class="row">
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="mb-4">
								<label for="status" class="form-label">@lang('translate.comment')</label>
								<textarea name="comment" class="form-control form-control-lg bg-dark @error('comment') is-invalid @enderror" id="comment" ></textarea>
								@error('comment')
								<div class="invalid-feedback">
									{{ $message }}
								</div>
								@enderror
							</div>
						</div>
						<input type="hidden" name="document_id" id="document_id" value="">
						<div class="col-md-12 pt-2">
							<button class="btn btn-primary btn-xs font-15" type="submit">@lang('translate.submit')</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	function DocumentComment(id)
	{
		let url = "{{ url('/marketing/user/documentcomment') }}/"+id;
		$.ajax({
			url: url,
			type: "GET",
			success: function(response) {
				let result = response.result;
				console.log(result);
				$("#document_id").val(result.id); 
				$("#submit-document-comment").modal('show'); 
			},
			error: function(response) {
				console.log(response.responseJSON)
			}
		});
	}
</script>
@endsection