@extends('fo.tpl.layout')
@section('title', 'My Claims')




@section('content')
	<div class="container">
		<div class="row" style="padding-bottom:50px";>

		</div>
		<div class="row">
			<div class="col-sm-12">
				<div class="panel">
					<div class="panel-heading">


						<h3 class="panel-title">My Claims
							<br/>
						</h3>

					</div>
					<div class="panel-body">
						<button class="btn btn-success btn-labeled fa fa-plus" id="create-claims" data-route="{{route('getdataclaim')}}" data-toggle="modal" data-target="#myClaims">Create claims</button><br/><br/>

					{{ csrf_field() }}
					<!-- Inline Form  -->
						<!--===================================================-->
						<table id="demo-dt-basic" class="table table-striped table-bordered table-responsive response-datas">
							<thead>
							<tr>
								<th width="14%"> Claim Name</th>
								<th width="14%"> Claim Description</th>

								<th width="10%">Claim Priority</th>
								<th width="14%">Claim Deadline</th>
								<th width="13%">Claim Statut</th>

								<th width="13%">Operations</th>
							</tr>
							</thead>
							<tbody>
							@if($dataclaims)
								@foreach($dataclaims as $key => $value)
									@foreach($value as $claim)
										<tr style="text-align:center;">
											<td><a href="" data-slug="{{$claim['id']}}" class="" data-toggle="modal" data-target="">{{$claim['claim_name']}}</a></td>
											<td>{{$claim['description']}}</td>

											<td>{{$claim['priority']}}</td>

											<td>{{\Carbon\Carbon::parse($claim['deadline'])->format('d-m-y')}}</td>
											
									 @if ($claim['state']=="TO DO")
                                        <td>
                                            <div class="label label-table label-primary">{{$claim['state']}}</div>
                                        </td>
                                    @endif
                                    @if($claim['state']=="OPENED")
                                        <td>
                                            <div class="label label-table label-default">{{$claim['state']}}</div>
                                        </td>
                                    @endif

                                    @if($claim['state']=="IN_PROGRESS")
                                        <td>
                                            <div class="label label-table label-info">{{$claim['state']}}</div>
                                        </td>
                                    @endif

                                    @if($claim['state']=="CLOSED")
                                        <td>
                                            <div class="label label-table label-danger">{{$claim['state']}}</div>
                                        </td>
                                    @endif

                                    @if($claim['state']=="VALID")
                                        <td>
                                            <div class="label label-table label-mint">{{$claim['state']}}</div>
                                        </td>
                                    @endif

                                    @if($claim['state']=="TREATED")
                                        <td>
                                            <div class="label label-table label-success">{{$claim['state']}}</div>
                                        </td>
                                    @endif
                                        @if($claim['state']=="REFUSED")
                                        <td>
                                            <div class="label label-table label-warning">{{$claim['state']}}</div>
                                        </td>
                                    @endif

											<td>
												<div class="btn-group btn-group-lg">
													<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" type="button">
														Action <i class="dropdown-caret fa fa-chevron-down"></i>
													</button>

													@if($claim['state'] == 'IN_PROGRESS')
														<ul class="dropdown-menu">
															<li class="dropdown-header">Select action</li>
														<!--  <li><a  href="{{ route('deleteclaims') }}" data-slug="{{ $claim['id'] }}" data-toggle="modal" data-target="#deleteClaims" class="delete-item">Delete</a>
                                                            </li> -->
															<li><a href="{{ route('detailsclaims') }}" data-toggle="modal" data-target="#detailsClaims" data-slug="{{ $claim['id'] }}" class="details">Details</a>
															</li>

														</ul>
													@elseif($claim['state'] == 'OPENED')
														<ul class="dropdown-menu">
														<!--<li class="dropdown-header">Select action</li>
															<li><a  href="{{ route('deleteclaims') }}" data-slug="{{ $claim['id'] }}" data-toggle="modal" data-target="#deleteClaims" class="delete-item">Delete</a>-->
															</li>
															<li><a href="{{ route('detailsclaims') }}" data-toggle="modal" data-target="#detailsClaims" data-slug="{{ $claim['id'] }}" class="details">Details</a>
															</li>
														</ul>
													@elseif($claim['state'] == 'VALID')
														<ul class="dropdown-menu">
															<li>
																<a href="#" data-toggle="modal"data-route="{{route('confirmClaim')}}" data-target="#confirmModal" data-slug="{{ $claim['id'] }}"  class="itemconfirm">Confirm</a>
															</li>
														</ul>

													@else (elseif($claim['state'] == 'CLOSED'))
														<ul class="dropdown-menu">
															<li class="dropdown-header">Select action</li>
															<li><a  href="{{ route('deleteclaims') }}" data-slug="{{ $claim['id'] }}" data-toggle="modal" data-target="#deleteClaims" class="delete-item">Delete</a>
															</li>
															<li><a href="{{ route('detailsclaims') }}" data-toggle="modal" data-target="#detailsClaims" data-slug="{{ $claim['id'] }}" class="details">Details</a>
															</li>

														</ul>
													@endif
												</div>
											</td>
										</tr>
									@endforeach
								@endforeach
							@endif
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>



		<!--modal create  claims -->
	@include('fo.claims.inc.create-claims')

	<!--modal update  claims -->
	@include('fo.claims.inc.update-claims')

	<!--modal details  claims -->
	@include('fo.claims.inc.details-claims')


	<!--modal delete  claims-->
	@include('fo.claims.inc.deleteClaims')

	<!--modal confirm  claims -->

	@include('fo.claims.inc.confirm')




	@stop



	@section('addlibjs')
		<!--Demo script [ DEMONSTRATION ]-->
			<script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
			<!--DataTables [ OPTIONAL ]-->
			<!--Bootstrap Table [ OPTIONAL ]-->
			<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
			<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
			<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
			<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
			<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
			<!--Bootstrap Datepicker [ OPTIONAL ]-->
			<link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
			<script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
			<!--DataTables Sample [ SAMPLE ]-->
			<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
			<script src="{{ asset('assets/plugins/pace/pace.min.css') }}"></script>
			<script src="{{ asset('plugins/pace/pace.min.js' )}}"></script>
			<script src="{{ asset('plugins/modal/modal.css' )}}"></script>
			<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
			<!--Demo script [ DEMONSTRATION ]-->

			<!--Actions extended claims -->
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/create_myclaims.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/details.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/get_details_claims.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/update.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/delete.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/archived.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/closed.js') }}"></script>
			<script src="{{ asset('js/fo/claims/myclaims/myclaims/getdatatocreateclaims.js') }}"></script>
			<script src="{{ asset('js/fo/claims/confirm/confirm.js') }}"></script>


@stop