@extends('layouts.cmsapp')

@section('cms_content')
	<!-- Main content -->
	<div class="main-content">
		<div class="row">
			<div class="col-lg-8">
				<h1 class="page-title">Support Services Gallery</h1>
				<!-- Breadcrumb -->
				<ol class="breadcrumb breadcrumb-2">
					<li><a href="{{route('home')}}"><i class="fa fa-home"></i>Home</a></li>
					<li class="active"><strong>Support Services Gallery</strong></li>
				</ol>
			</div>
			<div class="col-lg-4 ">
				<a href="{{ route('supportservicegallery.index') }}" class="btn btn-success pull-right">
					View Gallery
				</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('supportservicegallery.store') }}" class="form-horizontal"
							enctype="multipart/form-data">

							@csrf
							<div class="form-group">
								<label class="col-sm-2 control-label">Support Services</label>
								<div class="col-sm-6">
									<select name="service" id="service" class="form-control">
										<option value="">Select Service</option>
										@foreach ($services as $service)
											<option value="{{ $service->id }}">{{ $service->name }}</option>
										@endforeach
									</select>
								</div>
							</div>

							<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">Upload File</label>
								<div class="col-sm-6">
									<input name="files[]" type="file" class="form-control" data-validation="required"
										multiple>
								</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