@extends('layouts.master')


@section('styles')

@endsection

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


@section('content')

	<div class="card card-main">
		<div class="card-header header-elements-inline">
			<h5 class="card-title"><i class="icon-file-text2 text-black pr-2"></i>My Docs</h5>
			<div class="header-elements">
				<div class="">
					<form method="GET" class="d-flex flex-wrap">
						<div class="mr-3 my-1">
							<input type="text" value="{{$search}}" class="form-control" placeholder="Search Document by Name" name="search" style="width:300px">
						</div>
						<div class="my-1">
							@component('components.button',['type'=>'search'])@endcomponent
						</div>
					</form>
				</div>
        	</div>
		</div>
		<div class="card-body">
			You are the owner of the following docs.
		</div>		
		<div class="table-responsive" style="min-height: 200px">
			<table class="table text-center">
				<thead>
					<tr>
						<th style="width: 50px">Last<br>Revision</th>
						<th>Document</th>
						<th>Revision Date</th>
						<th>Revision Status</th>
						<th>Actions</th>
					</tr>
				</thead>
				<tbody>

					@foreach($owned as $document)
					<tr data-file_id="{{$document->id}}" data-revision_id="{{$document->active_revision->id}}" >
						<td class="text-center">
							<h6 class="mb-0">{{ $document->active_revision->version }}</h6>
						</td>
						<td>
							<div class="">{{ $document->value }}</div>
							<span class="text-muted">{{ $document->code }}</span>												
						</td>
						<td>
							{{ $document->active_revision->created_at }}
						</td>
						<td>
							<span class="badge bg-{{$document->active_revision->status_color}}-400">
							{{ $document->active_revision->status_name }}</span>
						</td>
						<td>
							<div class="list-icons">
								<a href="{{ route('docs.download', $document->active_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>
							</div>
						</td>
						<td class="text-center">
						</td>
					</tr>
				@endforeach

				</tbody>
			</table>
		</div>
		{{ $owned->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