@extends('backend.layouts.app')

@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Add New Caddie/Pro/R&A</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Dashbaord </li>
			<li class="breadcrumb-item">Golf Operation </li>			
			<li class="breadcrumb-item">Caddie/Pro/R&A </li>			
			<li class="breadcrumb-item active">Add New Caddie/Pro/R&A </li>			
		</ol>
		<div class="clearfix"></div>
	</div>
</div>

<div class="container">
	<div class="col-md-12">
		<div class="card">
			<form method="POST" action="{{ route('golf-operation.caddies.store') }}" enctype="multipart/form-data">
				@csrf
				<div class="card-body">
					<div class="row justify-content-center">
						<div class="col-sm-6" style="text-align: center;">							
								<div class="fileinput fileinput-new" data-provides="fileinput">
								  <div class="fileinput-new img-thumbnail" style="width: 200px; height: 200px;">
								    <img src="http://placehold.it/200x200" alt="...">
								  </div>
								  <div class="fileinput-preview fileinput-exists img-thumbnail" style="max-width: 200px; max-height: 200px;"></div>
								  <div>
								    <span class="btn btn-outline-secondary btn-file">
								    	<span class="fileinput-new">Select image</span>
								    	<span class="fileinput-exists">Change</span>
								    	<input type="file" name="photo" accept="image/*" />
								    </span>
								    <a href="#" class="btn btn-outline-secondary fileinput-exists" data-dismiss="fileinput">Remove</a>
								  </div>
								</div>
								@error('photo')
								<span class="text-danger">
									{{$message}}
								</span>
								@enderror
							
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<div class="form-group">
								<label>Name <span>*</span></label>
								<input type="text" name="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @endif" required="" />
								@error('name')
								<span class="invalid-feedback">
									{{ $message }}
								</span>
								@endif
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>Caddie/Pro/R&A ID <span>*</span></label>
								<input type="text" name="caddy_id" value="{{ old('caddy_id') }}" class="form-control @error('caddy_id') is-invalid @endif" required="" />
								@error('caddy_id')
								<span class="invalid-feedback">
									{{ $message }}
								</span>
								@endif
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>Father Name</label>
								<input type="text" name="father_name" value="{{ old('father_name') }}" class="form-control" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>Mother Name</label>
								<input type="text" name="mother_name" value="{{ old('mother_name') }}" class="form-control" />
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Mobile No</label>
								<input type="text" name="mobile_no" value="{{ old('mobile_no') }}" class="form-control" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Phone No</label>
								<input type="text" name="phone_no" value="{{ old('phone_no') }}" class="form-control" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Religion</label>
								<select class="form-control" name="religion_id">
									<option value="">Select Religion</option>
									@foreach($religions as $religion)
									<option value="{{ $religion->id }}" @if(old('relition_id') == $religion->id) selected @endif>{{ $religion->name }}</option>
									@endforeach
								</select>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Country</label>
								<select class="form-control select2" name="country_id">
									<option value="">Select Country</option>
									@foreach($countries as $country)
									<option value="{{ $country->id }}" @if(old('country_id') == $country->id) selected @endif>{{ $country->en_short_name }}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<div class="form-group">
								<label>Email</label>
								<input type="email" value="{{ old('email') }}" name="email" class="form-control" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>Marital Status</label>
								<select class="form-control" name="marital_status">
									<option value="">Select Marital Status</option>
									<option value="Single" @if(old('marital_status') == 'Single') selected @endif>Single</option>
									<option value="Married" @if(old('marital_status') == 'Mareied') selected @endif>Married</option>
									<option value="Divorced" @if(old('marital_status') == 'Divorced') selected @endif>Divorced</option>
								</select>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>National ID</label>
								<input type="text" value="{{ old('national_id_no') }}" name="national_id_no" class="form-control" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>Registration Date</label>
								<input type="text" value="{{ old('registration_date') }}" name="registration_date" class="form-control singledatepicker" />
							</div>
						</div>
					</div>				
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label>Present Address</label>
								<textarea name="present_address" class="form-control">{{ old('present_address') }}</textarea>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label>Permanent Address</label>
								<textarea class="form-control" name="permanent_address">{{ old('permanent_address') }}</textarea>
							</div>
						</div>						
					</div>
					<div class="row">
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Status</label>
								<select class="form-control" name="status">
									<option value="1" @if(old('status') == '1') selected @endif>Active</option>
									<option value="0" @if(old('status') == '0') selected @endif>Inactive</option>
								</select>
							</div>
						</div>
					</div>
					
				</div>
				<div class="card-footer text-right">
					<button type="submit" class="btn btn-success">Add</button>
				</div>			
			</form>
		</div>		
	</div>
</div>
@endsection

@section('before_body_end')
@endsection