@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Winner List</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">Winner List</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(isset($editData))
                <form method="post" action="{{ route('winner-list.update',$editData->id) }}" enctype="multipart/form-data">
					@csrf
                    @method('put')
                @else
				<form method="post" action="{{ route('winner-list.store') }}" enctype="multipart/form-data">
					@csrf
                @endif
					<div class="form-row">
						<div class="form-group col-sm-8">
							<label class="control-label">Title</label>
                            <input type="text" name="title" id="title" value="@if(isset($editData)){{ $editData->title }} @endif" class="form-control form-control-sm">
						</div>
						<div class="form-group col-sm-8">
							<label class="control-label">Upload PDF File</label>
							<input type="file" name="attachment" id="attachment" class="form-control form-control-sm">
						</div>
					</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>
                            @if(isset($editData))
                                Update
                            @else
                                Submit
                            @endif
                             </button>
					</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" id="dataTable" width="100%">
						<thead>
							<tr>
								<th>Sl.</th>
								<th>Title</th>
								<th>Attachment</th>
                                <th>Action</th>
							</tr>
						</thead>
						<tbody>
                            @if(sizeof($model)>0)
                            @foreach($model as $m)
                                <tr>
                                    <td>{{ ++$sl }}</td>
                                    <td>{{ $m->title }}</td>
                                    <td>
                                        @if ($m->attachment)
                                        <a class="btn btn-sm btn-primary" target="_blank" href="{{ asset('/'.$m->attachment) }}">View Attachment</a>
                                        @else
                                        No Attachment Found
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('winner-list.edit',$m->id) }}" class="btn btn-sm btn-edit"><i class="fa fa-pencil" title="Edit"></i></a>
									    <a class="btn btn-danger item-delete-btn btn-sm" href="{{ route('winner-list.destroy',$m->id) }}"><i class="fa fa-times"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            @endif
						</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