@extends('admin.template.master') 
@section('title', $title)
@section('content')

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
	            <h3 class="content-header-title mb-0 d-inline-block">Jobs</h3>
	            <div class="row breadcrumbs-top d-inline-block">
	                <div class="breadcrumb-wrapper col-12">
		                <ol class="breadcrumb">
		                    <li class="breadcrumb-item"><a href="{{ route('auth.dashboard') }}">Home</a>
		                    <li class="breadcrumb-item"><a href="{{ route('auth.setting.scrape-job') }}">List Scrape Jobs</a></li>
		                    <li class="breadcrumb-item active">Data</li>
		                </ol>
	                </div>
	            </div>
            </div>
        </div>
        <div class="content-body">
          <!-- HTML5 export buttons table -->
	        <section id="html5">
		      	<div class="row">
		      		<div class="col-12">
		      			<div class="card">
		      				<div class="card-header">
		      					<h4 class="card-title">Jobs</h4>
		      					<a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
		      					<div class="heading-elements">
		      						<ul class="list-inline mb-0">
		      							<li><a data-action="collapse"><i class="ft-minus"></i></a></li>
		      							<li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
		      							<li><a data-action="expand"><i class="ft-maximize"></i></a></li>
		      							<li><a data-action="close"><i class="ft-x"></i></a></li>
		      						</ul>
		      					</div>
		      				</div>

		      				<div class="card-content collapse show">
		      					<div class="card-body card-dashboard">
				      				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
									    Scrape Websites
									</button>
									<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
										<div class="modal-dialog" role="document">
										    <div class="modal-content">
										      <div class="modal-header">
										        <h5 class="modal-title" id="exampleModalLabel">Scrape Jobs</h5>
										        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
										          <span aria-hidden="true">&times;</span>
										        </button>
										      </div>
										      <div class="modal-body">
										        <ol>
										        	@foreach($scrapejobs as $k=>$u)
										        	<li style="margin: 20px auto;">		        		
										        		<a href="{{ $u->link }}"><strong>{{ $u->name }}</strong> </a> 
										        		@if($u->id == '1')
										        		    <a class="btn btn-primary" href="{{ route('auth.setting.scrape.website') }}">Scrape Jobs</a>
										        		@elseif($u->id == '2')
										        		    <a class="btn btn-primary" href="{{ route('auth.setting.scrape.websiteagain') }}">Scrape Jobs</a>
										        		@endif
										        	</li>
											        @endforeach
										        </ol>
										      </div>
										      <div class="modal-footer">
										        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
										      </div>
										    </div>
										</div>
									</div>
								</div>
							</div>

		      				<div class="card-content collapse show">
		      					<div class="card-body card-dashboard">
		      						@include('admin.partials.flash_message') 
		      						<table class="table table-striped table-bordered dataex-html5-export">
		      							<thead>
		      								<tr>
		      									<th class="column-title">S.no</th>							
												<th class="column-title">Source</th>
												<th class="column-title">Job Title</th>
												<th class="column-title">Organization</th>
												<th class="column-title">Publish Date</th>
												<th class="column-title">Closing Date</th>
												<th class="column-titlest">Action</th>
		      								</tr>
		      							</thead>
		      							<tbody>
		      								@foreach($jobs as $k=>$u)
											<tr>
												<td>{{ ++$k }}</td>
												<td>
													@if($u->source == 'https://worldbankgroup.csod.com/ats/careersite/search.aspx?site=1&c=worldbankgroup&sid=%5e%5e%5eFLGscZMYY2RrwVaMR%2ftHYw%3d%3d')
													    <a href="https://worldbankgroup.csod.com/ats/careersite/search.aspx?site=1&c=worldbankgroup&sid=%5e%5e%5eFLGscZMYY2RrwVaMR%2ftHYw%3d%3d" target="_blank"> World Bank Group </a>
													@elseif($u->source == 'https://themimu.info/jobs-for-internationals')
													    <a href="https://themimu.info/jobs-for-internationals" target="_blank"> Themium </a>
													@endif
												</td>
												<td>{{ $u->job_title }}</td>
												<!--<td>
													{{ str_limit(strip_tags($u->job_description), 50) }}
							                        @if (strlen(strip_tags($u->job_description)) > 50)
							                          ... 
							                          <a href="{{ $u->job_description }}" target="_blank">Read More</a>
							                          <a href="#0" onclick="window.open('{{ $u->job_description }}');"> Read More </a>
							                        @endif
						                        </td> -->
												<td>{{ $u->organization }}</td>
												<td>{{ Carbon\Carbon::parse($u->publish_date)->format('d-M-Y') }}</td>
												<td>{{ Carbon\Carbon::parse($u->closing_date)->format('d-M-Y') }}</td>
												<!-- <td>{{ $u->comments }}</td> -->
												<td style="display: flex; border-bottom: none;">
													@if($u->job_description == null)
													<button class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Approve"><i class="fa fa-check"></i></button>
													@elseif($u->organisation_type == null)
													<button class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Approve"><i class="fa fa-check"></i></button>
													@else	
													<button class="btn btn-success" disabled="" data-toggle="tooltip" data-placement="top" title="Approved"><i class="fa fa-check"></i></button>
													@endif
													<a href="{{ route('auth.setting.edit', $u->id) }}" onclick="return confirm('Are you sure to Edit this file?');" data-toggle="tooltip" data-placement="top" title="Edit">
														<button class="btn btn-primary" style="margin: auto 5px;"><i class="fa fa-edit"></i></button>
													</a>
													<form action="{{ route('rejectjob', $u->id) }}" method="POST">
											            {{ csrf_field() }}  
											            <a onclick="return confirm('Are you sure to Reject this file?');" data-toggle="tooltip" data-placement="top" title="Reject">
											            	<button type="submit" class="btn btn-danger" name="adminStatus" value="10"><i class="fa fa-trash"></i></button>
											            </a>
											        </form> 							
												</td>
											</tr>
											@endforeach      								
		      							</tbody>
		      							<tfoot>
		      								<tr>
		      									<th class="column-title">S.no</th>							
												<th class="column-title">Source</th>
												<th class="column-title">Job Title</th>
												<th class="column-title">Organization</th>
												<th class="column-title">Publish Date</th>
												<th class="column-title">Closing Date</th>
												<th class="column-titlest">Action</th>
		      								</tr>
		      							</tfoot>
		      						</table>				
		      					</div>
		      				</div>
		      			</div>
		      		</div>
		      	</div>
	        </section>
          <!--/ HTML5 export buttons table -->
        </div>
    </div>
</div>

@endsection