@extends('layouts.master')


@section('styles')

@endsection

@section('header-title')
	<span class="font-weight-semibold">My Approvals</span>
@endsection


@section('content')


	<div class="card card-main approvals-card" >
		<div class="card-header d-flex justify-content-between flex-wrap">
			<div>
				<ul class="nav nav-tabs nav-tabs-highlight">
					<li class="nav-item">
						<a href="/documents/approvals?status={{\App\Documents\Approval::PENDING}}&search={{$search}}" 
							class="nav-link @if($status==\App\Documents\Approval::PENDING) active @endif">
							<h5 class="card-title"><i class="icon-hour-glass text-blue pr-2"></i>Pending Approvals</h5>
						</a>
					</li>
					<li class="nav-item">
						<a href="/documents/approvals?status={{\App\Documents\Approval::ACCEPTED}}&search={{$search}}" 
							class="nav-link @if($status==\App\Documents\Approval::ACCEPTED) active @endif">
							<h5 class="card-title"><i class="icon-checkmark3 text-success pr-2"></i>Accepted Approvals</h5>
						</a>
					</li>
					<li class="nav-item">
						<a href="/documents/approvals?status={{\App\Documents\Approval::DECLINED}}&search={{$search}}" 
							class="nav-link @if($status==\App\Documents\Approval::DECLINED) active @endif">
							<h5 class="card-title"><i class="icon-cross2 text-danger pr-2"></i>Declined Approvals</h5>
						</a>
					</li>
				</ul>
			</div>
			
			<div class="ml-3">
				<form method="GET" action="/documents/approvals"  class="d-flex flex-wrap">
					<div class="mr-3 my-1">
						<input type="hidden" value="{{$status}}" name="status">
						<input type="text" value="{{$search}}" class="form-control" placeholder="Search Document by Name" name="search" style="width:250px">
					</div>
					<div class="my-1">
						@component('components.button',['type'=>'search'])@endcomponent
					</div>
				</form>
			</div>
			
		</div>
		<div class="card-body">
			{{$intro}}
		</div>	        	
		<div class="table-responsive text-center" style="min-height: 200px">
			<table class="table">
				<thead>
					<tr>
						<th style="width: 50px">Revision</th>
						<th>Document</th>
						<th>Owner</th>
						<th>Revision Date</th>
						<th>Revision Status</th>
						@if($status == \App\Documents\Approval::PENDING)				
						<th>Accept / Decline</th>	
						@endif
						<th>Actions</th>
					</tr>
				</thead>
				<tbody>

				@foreach($approvals as $approval)
					<tr data-file_id="{{$approval->revision->filemanager->id}}"
						data-revision_id="{{$approval->revision->id}}"
						data-approval_id="{{$approval->id}}"
						>
						<td class="text-center">
							<h6 class="mb-0">{{ $approval->revision->version }}</h6>
						</td>
						<td>
							<div class="">{{ $approval->revision->filemanager->value }}</div>
							<span class="text-muted">{{ $approval->revision->filemanager->code }}</span>												
						</td>
						<td>
							@if($approval->revision->filemanager->title->user)
							<div class="">{{ $approval->revision->filemanager->title->user->full_name }}</div>
							@else
							<div class="">-</div>
							@endif
							<span class="text-muted">{{ $approval->revision->filemanager->title->name }}</span>
						</td>
						<td>
							{{ $approval->revision->created_at }}
						</td>
						<td>
							<span class="badge bg-{{$approval->revision->status_color}}">{{$approval->revision->status_name}}</span>
						</td>
						@if($status == \App\Documents\Approval::PENDING)
						<td class="">
							<button class="dropdown-item approve-btn"><i class="icon-checkmark3 text-success"></i> Accept</button>
							<button class="dropdown-item decline-btn"><i class="icon-cross2 text-danger"></i>Decline</button>
						</td>						
						@endif
						<td class="">
							<a href="{{ route('docs.download', $approval->revision->id) }}" class="dropdown-item"><i class="icon-file-download text-blue"></i> Download</a>
							<button class="dropdown-item view-details"><i class="icon-list-unordered text-blue"></i> View Details</button>
						</td>
					</tr>
				@endforeach

				</tbody>
			</table>
		</div>
		{{ $approvals->links() }}
	</div>



@endsection

@section('app-scripts')
	<script type="text/javascript">
		@if ($user->roles->has(Role::DOCS_ADMIN))
		const USER_IS_ADMIN = true;
		@else
		const USER_IS_ADMIN = false;
		@endif
	</script>
	<script src="{{mix('js/documents/approvals.js')}}"></script>
@endsection