@extends('backend.layouts.layout-2')

@section('page-title', trans('app.marriageRequsts'))
@section('page-heading', trans('app.marriageRequsts'))

@section('styles')
	@parent
	<link rel="stylesheet" href="{{ mix('/vendor/libs/datatables/datatables.css') }}">
@endsection

@section('scripts')
	@parent
	<!-- Dependencies -->
	<script src="{{ mix('/vendor/libs/datatables/datatables.js') }}"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var tables = ["pending_table", "approved_table"];
			tables.forEach(function(table_id) {
				var table = $('#' + table_id).DataTable({
				    "order": [[0, "desc"]],
					"lengthMenu": [
						[10, 25, 50, -1],
						[10, 25, 50, "All"]
					],
					 columnDefs: [
                        { orderable: false, targets: -1 } // Makes the last column unorderable
                    ],
				});

			});


		});
	</script>
	@include('backend.partials.deleteMode', ['routeName' => 'marriageRequests.destroy'])
@endsection

@section('content')


	<div class="container-lg match-request">
		<!-- Nav tabs -->
		<ul id="myTab" class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active mx-2"><a class="btn btn-primary active" href="#pending" aria-controls="pending"
					role="tab" data-toggle="tab">تم الموافقة</a></li>
			<li role="presentation" class="mx-2"><a class="btn btn-success" href="#approved" aria-controls="approved"
					role="tab" data-toggle="tab">بالانتظار</a>
			</li>
		</ul>
	</div>


	<div class="card">

		<div class="card-datatable table-responsive">


			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-body">
							<div role="tabpanel">
								<!-- Tab panes -->
								<div class="tab-content">
									<div role="tabpanel" class="tab-pane active" id="pending">

										<table class="table table-striped table-bordered" id="pending_table" >
											<thead>
												<tr>
													<th>#</th>
													<th>@lang('app.uniqueId')</th>
													<th>@lang('app.name')</th>
													<th>@lang('app.type')</th>
													<th>@lang('app.nationalities_details')</th>
													<th>@lang('app.tribe')</th>
													<th>@lang('app.province')</th>
													<th>@lang('app.marital_status')</th>
													<th>@lang('app.status')</th>
													<th>@lang('app.created_at')</th>
													<th>@lang('app.updated_at')</th>
													<th>@lang('app.action')</th>
												</tr>
											</thead>
											<tbody>
											    @foreach($rows->where('marriage_requests.status',0) as $row)
											    <tr>
											        <td>{{$row->id}}</td>
											        <td>{{$row->unique_id}}</td>
											        <td>{{$row->first_name}} {{$row->middle_name}} {{$row->last_name}}</td>
											        <td>{{$row->gender == 'female' ? 'انثى' : 'ذكر'}}</td>
											        <td>{{$row->nationality_name}}</td>
											        <td>{{$row->tripe_detail}}</td>
											        <td>{{$row->province}}</td>
											        <td>{{$row->social_status}}</td>
											        <td>
											            
											            @if ($row->status === 1)
                        									تم الموافقة
                        								@else
                        									بالانتظار
                        								@endif
                    								</td>
											        <td>{{$row->created_at->diffForHumans()}}</td>
											        <td>{{$row->updated_at->diffForHumans()}}</td>
											        <td>
											         <a href="{{route('marriageRequests.edit', $row->id)}}" type="button" class="btn btn-sm btn-info">{{trans('app.show')}}</a>
               <a id="deleteButton" data-id="{{$row->id}}" type="button" class="btn btn-sm btn-danger">{{trans('app.delete')}}</a>
                <a id="chatUser"data-id="{{$row->id}}" class="btn btn-sm btn-primary" href="/dashboard/admin-chat?user_id={{$row->user_id}}">رسالة المستخدم</a>


											        </td>
											    </tr>
											    @endforeach
											</tbody>
										</table>
									</div>
									<div role="tabpanel" class="tab-pane" id="approved">
										<table class="table table-striped table-bordered" id="approved_table">
											<thead>
												<tr>
													<th>#</th>
													<th>@lang('app.uniqueId')</th>
													<th>@lang('app.name')</th>
													<th>@lang('app.type')</th>
													<th>@lang('app.nationalities_details')</th>
													<th>@lang('app.tribe')</th>
													<th>@lang('app.province')</th>
													<th>@lang('app.marital_status')</th>
													<th>@lang('app.status')</th>
													<th>@lang('app.created_at')</th>
													<th>@lang('app.updated_at')</th>
													<th>@lang('app.action')</th>
												</tr>
											</thead>
											
												<tbody>
											    @foreach($rows->where('marriage_requests.status',1) as $row)
											    <tr>
											        <td>{{$row->id}}</td>
											        <td>{{$row->unique_id}}</td>
											        <td>{{$row->first_name}} {{$row->middle_name}} {{$row->last_name}}</td>
											        <td>{{$row->type}}</td>
											        <td></td>
											        <td>{{$row->tripe_detail}}</td>
											        <td>{{$row->province}}</td>
											        <td>{{$row->social_status}}</td>
											        <td>
											            
											            @if ($row->status === 1)
                        									تم الموافقة
                        								@else
                        									بالانتظار
                        								@endif
                    								</td>
											        <td>{{$row->created_at->diffForHumans()}}</td>
											        <td>{{$row->updated_at->diffForHumans()}}</td>
											        <td>
											         <a href="{{route('marriageRequests.edit', $row->id)}}" type="button" class="btn btn-sm btn-info">{{trans('app.show')}}</a>
               <a id="deleteButton" data-id="{{$row->id}}" type="button" class="btn btn-sm btn-danger">{{trans('app.delete')}}</a>
                <a id="chatUser"data-id="{{$row->id}}" class="btn btn-sm btn-primary" href="/dashboard/admin-chat?user_id={{$row->user_id}}">رسالة المستخدم</a>


											        </td>
											    </tr>
											    @endforeach
											</tbody>
										</table>

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


		</div>
	</div>
@stop