@extends('backpack::layout')

@section('header')
    <section class="content-header">
      <h1>
        Freelancer's Verification Documents
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url(config('backpack.base.route_prefix', 'admin')) }}">{{ config('backpack.base.project_name') }}</a></li>
      </ol>
    </section>
@endsection


@section('content')
<style type="text/css">
  .margin-top-10px{
    margin-top: 10px;
  }
  .margin-bottom-10px{
    margin-bottom: 10px;
  }
</style>
    <div class="row">
    	<div class="col-md-12">
    		<img src="{{$freelancer->user->identityDocuments->path}}" class="img-responsive" />
    	</div>
        <div class="col-md-12">
            <div class="box box-default">
                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th>Freelancer ID</th>
                      <th>Name</th>
                      <th>Email</th>
                      <th>Country of Residance</th>
                      <th>SA Citizenship</th>
                      <th>Verification Document</th>
                    </tr>
                  </thead>
                
                  <tbody>
                    <tr>
                    	<td>{{$freelancer->id}}</td>
                    	<td>{{$freelancer->user->first_name}} {{$freelancer->user->last_name}}</td>
                    	<td>{{$freelancer->user->email}}</td>
                    	<td>{{$freelancer->user->identityDocuments->country->name}}</td>
                    	<td>@if($freelancer->user->identityDocuments->saudi==1) Yes @else No @endif</td>
                    	<td>@if($freelancer->user->identityDocuments->passport==1) Passport @else National ID @endif</td>
                    </tr>
                  </tbody>

                </table>

            </div>
        </div>
    </div>

@endsection