@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Tournament Schedule</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">Tournament 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">
				<form method="post" action="{{ route('websites.tournament.store') }}" enctype="multipart/form-data">
					@csrf
					<div class="form-row">
						<div class="form-group col-sm-3">
							<label class="control-label">Title</label>
							<select name="title" id="title" class="form-control form-control-sm">
								<option value="">Select Title</option>
								<option value="Tournament Schedule">Tournament Schedule</option>
								<option value="Flight Schedule">Flight Schedule</option>
								<option value="List of Winner">List of Winner</option>
								<option value="Hole Record">Hole Record</option>
								<option value="Tournament Result">Tournament Result</option>
							</select>
						</div>
						
						<div class="form-group col-sm-7">
							<label class="control-label">Upload PDF File</label>
							<input type="file" name="attachment" id="attachment" class="form-control form-control-sm">
						</div>
						<div class="form-group col-sm-3" id="from_dateDiv">
						<label class="control-label">Name</label>
						<input type="text" name="name" value="{{ (@$editData->name) }}" class="form-control  {{$errors->has('name')?'is-invalid':''}}" />
					</div>
						<div class="form-group col-sm-3" id="from_dateDiv">
						<label class="control-label">Date</label>
						<input type="text" name="from_date" value="{{ date('d/m/Y',strtotime(@$editData->from_date)) }}" class="form-control single-date-picker {{$errors->has('from_date')?'is-invalid':''}}" />
					</div>
						<div class="form-group" style="margin-top: 28px;">
							<button class="btn btn-sm btn-success" style="width: 100px;"><i class="fa fa-upload"></i> Upload</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		<div class="card">
			<div class="card-body">
				{{-- <iframe style="width: 100%; height: 450px;" src="" id="pdfFrame"></iframe> --}}
				<div class="table-responsive">
					<table class="table-sm table-bordered table-striped">
						<thead>
							<tr>
								<th>Sl.</th>
								<th>Name</th>
								<th>Date</th> 
								<th>Attachment</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($allData as $element)
							<tr>
								<td>{{ $loop->iteration }}</td>
								<td>{{ $element->name }}</td>
									<td>{{ date('d M Y',strtotime($element->from_date)) }}</td>
								<td>
									@if ($element->attachment_url)
									<a class="btn btn-sm btn-primary" target="_blank" href="{{ url($element->attachment_url) }}">View Attachment</a>
									@else
									No Attachment Found
									@endif
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</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