@extends('layouts.cmsapp')

@section('cms_content')

	<div class="main-content">

		{{-- Header --}}
		<div class="row">
			<div class="col-lg-8">
				<h1 class="page-title">Edit Support Service Gallery</h1>

				<ol class="breadcrumb breadcrumb-2">
					<li>
						<a href="{{ route('home') }}">
							<i class="fa fa-home"></i> Home
						</a>
					</li>
					<li class="active">
						<strong>Edit Gallery</strong>
					</li>
				</ol>
			</div>

			<div class="col-lg-4 text-right">
				<a href="{{ route('supportservicegallery.index') }}" class="btn btn-success">
					View Gallery
				</a>
			</div>
		</div>

		<div class="line-dashed"></div>

		{{-- Edit Form --}}
		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					<div class="panel-body">

						<form class="form-horizontal" method="POST"
							action="{{ route('supportservicegallery.update', $gallery_info->id) }}"
							enctype="multipart/form-data">

							@csrf
							@method('PATCH')

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

							{{-- Title --}}
							<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" value="{{ $gallery_info->title }}"
										required>
								</div>
							</div>

							{{-- Upload Images --}}
							<div class="form-group">
								<label class="col-sm-2 control-label">Upload Images</label>
								<div class="col-sm-6">
									<input type="file" name="files[]" class="form-control" multiple>
								</div>
							</div>

							{{-- Submit --}}
							<div class="form-group">
								<div class="col-sm-4 col-sm-offset-2">
									<button type="submit" class="btn btn-primary">
										Update Gallery
									</button>
								</div>
							</div>

						</form>

					</div>
				</div>
			</div>
		</div>

		{{-- Existing Images --}}
		<div class="row">
			@forelse ($gallery_info->images as $gallery_image)
				<div class="col-sm-2">
					<div style="border:1px solid #ccc; padding:5px; margin:5px 0; text-align:center">

						<img src="{{ asset('storage/' . $gallery_image->image) }}" width="135" height="80" alt="Gallery Image">

						<form action="{{ route('supportservicegallery.imagedestroy', $gallery_image->id) }}" method="POST"
							style="margin-top:5px" onsubmit="return confirm('Delete this image?')">

							@csrf
							@method('DELETE')

							<button class="btn btn-danger btn-xs" type="submit">
								Delete
							</button>
						</form>

					</div>
				</div>
			@empty
				<div class="col-sm-12 text-center">
					<p>No images uploaded yet.</p>
				</div>
			@endforelse
		</div>

	</div>

@endsection