@extends('layouts.admin_layout')

@section('title', 'Add 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>Add Mobile Image</h6>
	                </div>
	                <div class="card-body pt-0">
						<form method="POST" action={{ route("mobile_image.store") }} 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="{{ old('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="image">Image <span class="text-danger">*</span></label>
									<input type="file" class="form-control @error('image') is-invalid @enderror" id="image" name="image" required>
									@error('image')
										<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" required>
										   <option value="active">Active</option>
										   <option value="inactive">Inactive</option>
									   </select>
									@error('status')
										<div class="invalid-feedback">{{$message}}</div>
									@enderror
								</div>
								<div class="col-md-12 mb-3 form-group">
									<button class="btn btn-sm btn-primary px-5" type="submit">Save</button>
								</div>
							</div>
							</form>
	                </div>
	            </div>
            </div>
        </div>
    </div>

@endsection