@extends('Templates.master')

{{-- Commonlinks --}}

@push('css-plugins')
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<!-- Custom CSS -->
	<link rel="stylesheet" href="{{ asset('assets/libs/select2/dist/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">
	@include('Templates.UI.Admin.CDN.links')
@endpush

{{-- Navbar --}}

@section('nav')
	@include('Templates.UI.Admin.Nav.nav-header',['name' => $name,'id' => $id])
@endsection

{{-- Body --}}

@section('body')
	<!-- Page wrapper  -->
	<div class="page-wrapper">
		<!-- Container fluid  -->
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12">
					<div class="card">
						<div class="card-body">
							<div class="card-title mb-3">
								<h4>Profile Form Edition:</h4>
							</div>
							<form action="{{ route('profile.update',$profile->id) }}" method="POST" class="form-horizontal" enctype="multipart/form-data">
								@method('PUT')
								{{ csrf_field() }}
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Phone Number:
										</div>
										<div class="col-md-9">
											<input type="text" name="phone" class="form-control" value="{{ $profile->phone }}" placeholder="Enter Phone Number">
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											First Name:
										</div>
										<div class="col-md-9">
											<input type="text" name="fname" class="form-control" value="{{ $profile->firstname }}" placeholder="Enter First Name">
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Last Name:
										</div>
										<div class="col-md-9">
											<input type="text" name="lname" class="form-control" value="{{ $profile->lastname }}" placeholder="Enter Last Name">
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Gender:
										</div>
										<div class="col-md-9">
											<select name="gender" class="select2 form-select shadow-none" style="width: 100%; height: 36px">
												@if ($profile->gender == 1)
													<option value="1" selected>Male</option>
													<option value="0">Female</option>
												@else
													<option value="1">Male</option>
													<option value="0" selected>Female</option>
												@endif
											</select>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Marital Status:
										</div>
										<div class="col-md-9">
											<select name="m_status" class="select2 form-select shadow-none" style="width: 100%; height: 36px">
												@if ($profile->marital_status == 1)
													<option value="0">Married</option>
													<option value="1" selected>Unmarried</option>
												@else
													<option value="0" selected>Married</option>
													<option value="1">Unmarried</option>
												@endif
											</select>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Birth Date:
										</div>
										<div class="col-md-9">
											<div class="input-group">
												<input type="text" name="b_date" class="form-control mydatepicker" placeholder="dd/mm/yyyy">
												<div class="input-group-append">
													<div class="input-group-text h-100">
														<i class="mdi mdi-calendar"></i>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Occupation:
										</div>
										<div class="col-md-9">
											<select name="occupation" class="select2 form-select shadow-none" style="width: 100%; height: 36px">
												@if ($profile->occupation == 1)
													<option value="1" selected>Service Holder</option>
													<option value="2">Entrepreneur/BusinessMan</option>
													<option value="0">Unemployed</option>
												@elseif($profile->occupation == 2)
													<option value="1">Service Holder</option>
													<option value="2" selected>Entrepreneur/BusinessMan</option>
													<option value="0">Unemployed</option>
												@else
													<option value="1">Service Holder</option>
													<option value="2">Entrepreneur/BusinessMan</option>
													<option value="0" selected>Unemployed</option>
												@endif
											</select>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Country:
										</div>
										<div class="col-md-9">
											<select name="country" class="select2 form-select shadow-none" style="width: 100%; height: 36px">
												@if ($profile->country == 1)
													<option value="1" selected>Bangladesh</option>
													<option value="0">Non-Bangladesh</option>
												@else
													<option value="1">Bangladesh</option>
													<option value="0" selected>Non-Bangladesh</option>
												@endif
											</select>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Address:
										</div>
										<div class="col-md-9">
											<input type="text" name="address" class="form-control" value="{{ $profile->address }}" placeholder="Enter Address">
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Profile Photo:
										</div>
										<div class="col-md-9">
											<div class="custom-file">
												<input type="file" class="custom-file-input" name="profile_photo" placeholder="Enter Image File">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Qr File Name:
										</div>
										<div class="col-md-9">
											<div class="custom-file">
												<input type="file" class="custom-file-input" name="qr_file_name" placeholder="Enter Qr File">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group text-center mt-3">
									<button class="btn btn-lg btn-outline-success">Edit Profile</button>
								</div>
								@if ($errors->any())
									<div class="alert alert-danger" role="alert">
										<h4 class="alert-heading">Validation Error!</h4>
										<ul>
											@foreach ($errors->all() as $message)
												<li>{{ $message }}</li>
											@endforeach
										</ul>
									</div>
								@endif
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{{-- <div class="row">
		<div class="col-md-2 col-lg-2 col-sm-12 col-xs-12">

		</div>
		<div class="col-md-8 col-lg-8 col-sm-12 col-xs-12">
			<div class="card card-form-custom mt-2 mb-2 ml-2 mr-2">
				<div class="card-header card-header-form-custom">
					<h3 class="text-center">Profile Form Edition</h3>
				</div>
				<div class="card-body card-body-form-custom">
					<form action="{{ route('profile.update',$profile->id) }}" method="POST" enctype="multipart/form-data" class="form-custom">
						@method('PUT')
						{{ csrf_field() }}
						<div class="form-group form-group-custom">
							<h6><strong>Phone Number:</strong></h6>
							<input type="text" name="phone" value="{{ $profile->phone }}" class="form-control" placeholder="Enter Phone Number">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>First Name:</strong></h6>
							<input type="text" name="fname" value="{{ $profile->firstname }}" class="form-control" placeholder="Enter First Name">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Last Name:</strong></h6>
							<input type="text" name="lname" value="{{ $profile->lastname }}" class="form-control" placeholder="Enter Last Name">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Gender:</strong></h6>
							<select name="gender" class="form-control">
								@if ($profile->gender == 1)
									<option value="1" selected>Male</option>
									<option value="0">Female</option>
								@else
									<option value="1">Male</option>
									<option value="0" selected>Female</option>
								@endif
							</select>
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Marital Status:</strong></h6>
							<select name="m_status" class="form-control">
								@if ($profile->marital_status == 1)
									<option value="0">Married</option>
									<option value="1" selected>Unmarried</option>
								@else
									<option value="0" selected>Married</option>
									<option value="1">Unmarried</option>
								@endif
							</select>
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>BirthDate:</strong></h6>
							<input type="date" class="form-control" name="b_date" class="Enter Date of Birth">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Occupation:</strong></h6>
							<select name="occupation" id="" class="form-control">
								@if ($profile->occupation == 1)
									<option value="1" selected>Service Holder</option>
									<option value="2">Entrepreneur/BusinessMan</option>
									<option value="0">Unemployed</option>
								@elseif($profile->occupation == 2)
									<option value="1">Service Holder</option>
									<option value="2" selected>Entrepreneur/BusinessMan</option>
									<option value="0">Unemployed</option>
								@else
									<option value="1">Service Holder</option>
									<option value="2">Entrepreneur/BusinessMan</option>
									<option value="0" selected>Unemployed</option>
								@endif
							</select>
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Country:</strong></h6>
							<select name="country" class="form-control">
								@if ($profile->country == 1)
									<option value="1" selected>Bangladesh</option>
									<option value="0">Non-Bangladesh</option>
								@else
									<option value="1">Bangladesh</option>
									<option value="0" selected>Non-Bangladesh</option>
								@endif
							</select>
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Address:</strong></h6>
							<input type="text" name="address" value="{{ $profile->address }}" class="form-control" placeholder="Enter Address">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Profile Photo:</strong></h6>
							<input type="file" name="profile_photo" class="form-control" placeholder="Enter Image File">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<h6><strong>Qr File Name:</strong></h6>
							<input type="file" name="qr_file_name" class="form-control" placeholder="Enter QR File Name">
						</div>
						<br>
						<div class="form-group form-group-custom">
							<div class="text-center">
								<input type="submit" name="submit" value="Save" class="btn btn-lg btn-outline-success form-control">
							</div>
						</div>
					</form>
					<br>
					@if ($errors->any())
						<div class="alert alert-danger">
							<ul>
								@foreach ($errors->all() as $message)
									<li>{{ $message }}</li>
								@endforeach
							</ul>
						</div>
					@endif
				</div>
			</div>	
		</div>
		<div class="col-md-2 col-lg-2 col-sm-12 col-xs-12">
			
		</div>
	</div> --}}
@endsection

{{-- CommonScripts --}}

@push('js-scripts')
	@include('Templates.UI.Admin.CDN.scripts')
	<script src="{{ asset('assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/libs/select2/dist/js/select2.min.js') }}"></script>
	<script>
		$(document).ready(function(){
			// For select 2
			$(".select2").select2();
            /*datwpicker*/
            $(".mydatepicker").datepicker();
		});
	</script>
@endpush