@extends('layouts.cmsapp')

@section('cms_content')
<!-- Main content -->
	<div class="main-content">
		<div class="row">
				<div class="col-lg-8">
				<h1 class="page-title">Videos</h1>
				<!-- Breadcrumb -->
				<ol class="breadcrumb breadcrumb-2"> 
					<li><a href="#"><i class="fa fa-home"></i>Home</a></li> 
					<li class="active"><strong>Videos</strong></li> 
				</ol>
				</div>
				<div class="col-lg-4 ">
					<a href="{{ route('videos.index') }}" class="btn btn-success pull-right">
    View Videos
</a>

				</div>
			</div>
		<div class="line-dashed"></div>
				
		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					
					<div class="panel-body">
						    <form method="POST"
      action="{{ route('videos.store') }}"
      class="form-horizontal"
      enctype="multipart/form-data">

    @csrf

						 	<div class="form-group"> 
								<label class="col-sm-2 control-label">Title</label> 
								<div class="col-sm-6"> 
									<input type="text" name="title"class="form-control" data-validation="required"> 
								</div> 
							</div>
							
						<div class="form-group"> 
								<label class="col-sm-2 control-label">Youtube URL</label> 
								<div class="col-sm-6"> 
									<input type="text" name="video"class="form-control" data-validation="required"> 
								</div> 
							</div>
							
							
							 <div class="form-group">
								<div class="col-sm-4 col-sm-offset-2">
									<button type="submit" name="submit" class="btn btn-primary">Submit</button>
								</div>
							</div>
					  </form>
					</div>
				</div>
			</div>
		</div>

@endsection