@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</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.club-membership.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="DRESS CODE" selected>DRESS CODE</option>
								<!-- <option value="GREEN &amp; OTHERS FEE">GREEN &amp; OTHERS FEE</option>
								<option value="Locker & Towel Fee">Locker & Towel Fee</option>
								<option value="MEMBER ENTRANCE FEE">MEMBER ENTRANCE FEE</option> -->
								<option value="MEMBERSHIP POLICY">MEMBERSHIP POLICY</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" 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>Title</th>
							<!--	<th>Last Updated</th> -->
								<th>Attachment</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($allData as $element)
							<tr>
								<td>{{ $loop->iteration }}</td>
								<td>{{ $element->title }}</td>
									{{--<td>{{ $element->updated_at }}</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]);
        });
    });
</script>
@endsection