@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Flight Schedule</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">Flight Schedule</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container">
	<div class="col-md-12">
		<div class="card">
			{{-- <div class="card-header">
				<h5>{{session()->get('title')}}
					<a href="#" class="btn btn-sm btn-facebook float-right"><i class="fa fa-plus"></i>Add {{session()->get('title')}}</a>
				</h5>
			</div> --}}
			<div class="card-body">

				@if ($errors->any())
				    <div class="alert alert-danger">
				        <ul>
				            @foreach ($errors->all() as $error)
				                <li>{{ $error }}</li>
				            @endforeach
				        </ul>
				    </div>
				@endif

				

			</div>
		</div>

		<div class="card">
			{{-- <div class="card-header">
				<h5>{{session()->get('title')}}
					<a href="#" class="btn btn-sm btn-facebook float-right"><i class="fa fa-plus"></i>Add {{session()->get('title')}}</a>
				</h5>
			</div> --}}
			<div class="card-body">
				<div class="row">
					<div class="col-md-6">
						<form method="post" action="{{ route('websites.tournament.flight.schedule.store') }}" enctype="multipart/form-data">
							@csrf
							<div class="form-row" style=" line-height: 1px; ">
								<div class="form-group col-sm-12">
									<label class="control-label">Tournament Name</label>
									<input required="" type="text" name="tournament_name" id="tournament_name" class="form-control form-control-sm">
								</div>
								<div class="form-group col-sm-12">
									<label class="control-label">Upload <b>PDF/Word</b> File</label>
									<span style="color:red;font-size: 8px;">Word file should be convert into pdf</span>
									<input required="" type="file" name="attachment" id="attachment" class="form-control form-control-sm">
								</div>
								<div class="forg-group col-sm-12">
									<label class="control-label">Date</label>
									<input required="" type="text" name="dateno" class="form-control singledatepicker form-control-sm" autocomplete="off">
								</div>
								<div class="form-group col-sm-12" style="margin-top:13px;">
									<button class="btn btn-sm btn-success" style="width: 100px;"><i class="fa fa-upload"></i> Upload</button>
								</div>								
							</div>
						</form>
					</div>
					<div class="col-md-6">
						<form method="post" action="{{ route('websites.tournament.flight.schedule.store_image') }}" enctype="multipart/form-data">
							@csrf
							<div class="form-row" style=" line-height: 1px; ">							
								<div class="form-group col-sm-12">
									<label class="control-label">Tournament Name</label>
									<input required="" type="text" name="tournament_name" id="tournament_name" class="form-control form-control-sm">
								</div>
								<div class="form-group col-sm-12">
									<label class="control-label">Upload <b>Image</b> File</label>
									<input required="" type="file" name="image_file" id="image_file" class="form-control form-control-sm">
								</div>
								<div class="forg-group col-sm-12">
									<label class="control-label">Date</label>
									<input required="" type="text" name="dateno" class="form-control singledatepicker form-control-sm" autocomplete="off">
								</div>
								<div class="form-group col-sm-12" style="margin-top:13px;">
									<button class="btn btn-sm btn-success" style="width: 100px;"><i class="fa fa-upload"></i> Upload</button>
								</div>
								
							</div>
						</form>
					</div>
				</div>					

			</div>
		</div>		

		<div class="card">
			<div class="card-body">
			<div class="row">
				{{-- <iframe style="width: 100%; height: 450px;" src="" id="pdfFrame"></iframe> --}}
				<div class="col-md-6">
					{{-- <div class="table-responsive"> --}}
						<table class="table-sm table-bordered table-striped">
							<thead>
								<tr>
									<th width="10%">Sl.</th>
									<th width="40%">Tour. Name</th>
									<th width="15%">Date</th> 
									<th width="15%">Pdf</th>
									<th width="15%">Action</th>
								</tr>
							</thead>
							<tbody>
								@foreach ($allData as $element)
									@if ($element->attachment_url)
										<tr>
											<td>{{ $loop->iteration }}</td>
											<td>{{ $element->tournament_name }}</td>
											<td>@if($element->dateno){{ date('d M Y',strtotime($element->dateno)) }}@endif</td>
											<td>
												@if ($element->attachment_url)
												<a class="btn btn-sm btn-primary" target="_blank" href="{{ url($element->attachment_url) }}">View Pdf</a>
												@endif
											</td>
											<td>
												@if ($element->attachment_url)
												<a href="{{ route('websites.tournament.flight.schedule.delete') }}?id={{$element->id}}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure to delete?')">Delete</a>
												@endif
											</td>
										</tr>
									@endif
								@endforeach
							</tbody>
						</table>
					{{-- </div> --}}
				</div>

				<div class="col-md-6">
					{{-- <div class="table-responsive"> --}}
						<table class="table-sm table-bordered table-striped">
							<thead>
								<tr>
									<th width="10%">Sl.</th>
									<th width="40%">Tour. Name</th>
									<th width="15%">Date</th> 
									<th width="15%">Image</th>
									<th width="15%">Action</th>
								</tr>
							</thead>
							<tbody>
								@foreach ($allData as $element)
									@if ($element->image)
										<tr>
											<td>{{ $loop->iteration }}</td>
											<td>{{ $element->tournament_name }}</td>
											<td>@if($element->dateno){{ date('d M Y',strtotime($element->dateno)) }}@endif</td>
											<td>
												@if ($element->image)
												<a class="btn btn-sm btn-primary" target="_blank" href="{{ url($element->image) }}">View Image</a>
												@else
												No Image Found
												@endif
											</td>
											<td>
												@if ($element->image)
												<a href="{{ route('websites.tournament.flight.schedule.delete') }}?id={{$element->id}}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure to delete?')">Delete</a>
												@else

												@endif
											</td>
										</tr>
									@endif
								@endforeach
							</tbody>
						</table>
					{{-- </div> --}}
				</div>
			</div>

				
			</div>
		</div>
	</div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(document).ready(function(){
        $('#attachment').change(function (e) { //show Image before upload
        	var reader = new FileReader();
        	reader.onload = function (e) {
        		$('#pdfFrame').attr('src', e.target.result);
        	};
        	reader.readAsDataURL(e.target.files[0]);
        });
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true,
			locale: {
		      format: 'YYYY-MM-DD'
		    }
		});
    });
</script>
@endsection