@extends('adminsection.layouts.master')

@section('title')
	Site Settings
	|| @parent
@stop

@section('page-title')
	Site Settings 
@stop

<style>
	.zoom:hover {
	  transform: scale(6.0);
	}
</style>

@section('main-content')
<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="card">
			<div class="card-header">
				<a href="{{route('sitesettings.create')}}" class="btn btn-success btn-sm float-left">
					Add New
				</a>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th class="center">#</th>
							<th class="center">Criteria</th>
							<th class="center">Actions</th>
						</tr>
					</thead>
					<tbody>
						@foreach($settings as $setting)
							<tr>
								<th scope="row" class="center">
									{{$loop->iteration}}
								</th>
								
								<td class="center">
									{{$setting->name}}

									@if($setting->image)
									<br>
									<img src="{{asset('/uploads/sitesettingss/'.$setting->image)}}" style="width: 50px; height: auto;" class="zoom">
									@endif

								</td>

								<td class="center">
									<a href="{{route('sitesettings.edit', $setting)}}" class="btn btn-info btn-sm">
										Edit
									</a>

									@if($setting->id != 1 && $setting->id != 2 )
									<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deletesetting{{$setting->id}}">
										Delete
									</a>
									@endif
									
									<a href="#" data-toggle="modal" data-target="#detailsSetting{{$setting->id}}" class="btn btn-light btn-sm">
										View
									</a>
								</td>
							</tr>

							<!-- Modal -->
							<div class="modal fade" id="deletesetting{{$setting->id}}" tabindex="-1" role="dialog" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<form method="post" action="{{route('sitesettings.delete', $setting)}}">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title">
													Delete
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												Are you sure to delete {{$setting->setting_title}}?
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-secondary">Confirm</button>
											</div>
										</div>
									</form>
								</div>
							</div>

							<!-- Modal for details-->
							<div class="modal fade" id="detailsSetting{{$setting->id}}" tabindex="-1" role="dialog" aria-hidden="true">
								<div class="modal-dialog modal-lg" role="document">
									<div class="modal-content"  style="border-radius: 0px !important;">
										<div class="modal-header">
											<h5 class="modal-title">
												Details of {{$setting->name}} 
												[{{$loop->iteration -1}}]
											</h5>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
										</div>
										<div class="modal-body">
											<div class="form-row">
												<div class="form-group col-md-12">
													<label class="col-form-label">Name</label>
													<input type="text" class="form-control" value="{{$setting->name}}" disabled="true">
												</div>
											</div>

											<div class="form-row">
												<div class="form-group col-md-12">
													<label class="col-form-label">Title</label>
													<input type="text" class="form-control" value="{{$setting->custom_title}}" disabled="true">
												</div>
											</div>

											<div class="form-row">
												<div class="form-group col-md-6">
													<label class="col-form-label">String Label 1</label>
													<input type="text" class="form-control" value="{{$setting->custom_string_1}}" disabled="true">
												</div>

												<div class="form-group col-md-6">
													<label class="col-form-label">String Label 2</label>
													<input type="text" class="form-control" value="{{$setting->custom_string_2}}" disabled="true">
												</div>
											</div>

											<div class="form-group">
												<label class="col-form-label">Text Field</label>
												<br>
												{!! $setting->custom_text_field_1 !!}
											</div>


										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
										</div>
									</div>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
		<span class="float-right">
			{{$settings->links()}}
		</span>
	</div>
</div>






@stop