@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">
                <a href="{{ route('vedio.index') }}">{{ session('title') }}</a>
            </li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container">
	<div class="col-md-12">
		<div class="card">
			<div class="card-body">
                @if($type == 'store')
				<form method="post" action="{{ route('vedio.store') }}" enctype="multipart/form-data">
					@csrf
                @else
                <form method="post" action="{{ route('vedio.update',$editData->id) }}" enctype="multipart/form-data">
					@csrf
                    @method('put')
                @endif
					<div class="form-row">
						<div class="form-group col-sm-3">
							<label class="control-label">Vedio Name</label>
							<input type="text" name="name" id="name" class="form-control form-control-sm" value="@if(isset($editData)) {{ $editData->name }} @endif">
						</div>
						<div class="form-group col-sm-7">
							<label class="control-label">Vedio Url</label>
							<input type="text" name="veido_url" id="veido_url" class="form-control form-control-sm" value="@if(isset($editData)) {{ $editData->veido_url }} @endif">
						</div>
						<div class="form-group" style="margin-top: 28px;">
							<button class="btn btn-sm btn-success" style="width: 100px;">
                                @if($type == 'store')
                                    Submit
                                @else
                                    Update
                                @endif
                            </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 table-sm table-bordered table-striped" width="100%" id="dataTable" style="text-align:center;">
						<thead>
							<tr>
								<th>Sl.</th>
								<th style="width: 23% !important;">Name</th>
								<th>Vedio</th>
                                <th>Action</th>
							</tr>
						</thead>
						<tbody>
                            @if(sizeof($model) > 0)
                            @foreach($model as $m)
                                <tr>
                                    <td>{{ ++$sl }}</td>
									<td>{{ $m->name }}</td>
                                    <td>
                                    <iframe  src="{{ $m->veido_url }}" 
                                        style=" width: 213px; "	
                                    > </iframe>
                                    </td>
                                    <td>
                                        <a href="{{ route('vedio.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('vedio.destroy',$m->id) }}"><i class="fa fa-times"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            @endif
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection