@extends('layouts.admin_layout')

@section('title', 'Edit Mobile Image')

@section('content')

<div class="container-fluid my-3">
	<div class="d-flex row">
		<div class="col-md-12">
			<div class="card my-3 shadow no-b r-0">
				<div class="card-header white">
					<h6>Edit Mobile Image</h6>
				</div>
				<div class="card-body pt-0">
					<form method="POST" action={{ route('mobile_image.update', $image->id) }} enctype="multipart/form-data">
						<div class="row">
							@csrf
							<div class="col-md-6 mb-3 form-group">
								<label for="branch_title">Image Name <span class="text-danger">*</span></label>
								<input type="text" class="form-control @error('image_name') is-invalid @enderror" id="image_name" placeholder="Image Name" name="image_name" value="{{ $image -> image_name }}" required>
								@error('image_name')
								<div class="invalid-feedback">{{$message}}</div>
								@enderror
							</div>
							
							<div class="col-md-6 mb-3 form-group">
								<label for="status">Status <span class="text-danger">*</span></label>
								<select class="form-control  @error('status') is-invalid @enderror" name="status">
									<option value="active" {{ ($image -> status == 'active')? 'selected' : '' }}>Active</option>
									<option value="inactive" {{ ($image -> status == 'inactive')? 'selected' : '' }}>Inactive</option>
								</select>
								@error('status')
								<div class="invalid-feedback">{{$message}}</div>
								@enderror
							</div>
							<div class="col-md-6 mb-3 form-group">
								<label for="image">Image</label>
								<input type="file" class="form-control @error('image') is-invalid @enderror" id="image" name="image">
								@error('image')
								<div class="invalid-feedback">{{$message}}</div>
								@enderror
								<img class="img-responsive img-thumbnail img-sm" style="height:100px';width:100px;" src="{{asset('images/'.$image->image)}}" />
							</div>
							<div class="col-md-12 mb-3 form-group">
								<button class="btn btn-sm btn-primary px-5" type="submit">Update</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection