@extends('admin.layouts.master')
@section('pageTitle', 'Edit Contact')
@section('content')

		
		<div class="page-header">
			<h1 class="page-title">Manage Contacts</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
				<li class="breadcrumb-item active">Edit Contact</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('contacts') }}">
				<i class="icon wb-arrow-left" aria-hidden="true"></i>
				<span class="hidden-sm-down">Back To Listing</span>
				</a>
			</div>
		</div>
		

		<script type="text/javascript">
		$(function(){
				$("#add-form").validationEngine();
			});
		</script>
		<div class="page-content container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="user-background card card-shadow">
						<div class="card-header card-header-transparent p-20">
							<h4 class="card-title mb-0">Edit Contact</h4>
						</div>
						<div class="card-block">
							@if($errors->any())
								<div class="alert alert-danger">
									@foreach($errors->all() as $error)
										<p>{{ $error }}</p>
									@endforeach
								</div>
							@endif
							<form method="post" action="{{ route('update-contact', base64_encode($contact->id)) }}" id="add-form" autocomplete="off" enctype="multipart/form-data">
								@csrf
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="organization_name">Name Of The Organization</label>
										<input type="text" class="form-control validate[required]" id="organization_name" name="organization_name" placeholder="Name Of The Organization" autocomplete="off" tabindex = "1"   value="{{ old('organization_name') ? old('organization_name') : $contact->organization_name }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="alternative_name">Alternative Name</label>
										<input type="text" class="form-control" id="alternative_name" name="alternative_name" placeholder="Alternative Name" autocomplete="off" tabindex = "2"   value="{{ old('alternative_name') ? old('alternative_name') : $contact->alternative_name }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="address">Address</label>
										<textarea rows="" cols="" class="form-control validate[required]" id="address" name="address" placeholder="Address" autocomplete="off" tabindex = "3">{{ old('address') ? old('address') : $contact->address }}</textarea>
									</div>	
									<div class="form-group col-md-6">
										<label class="form-control-label" for="notes">Notes</label>
										<textarea  rows="" cols="" class="form-control" id="notes" name="notes" placeholder="Notes" autocomplete="off" tabindex = "4">{{ old('notes') ? old('notes') : $contact->notes }}</textarea>
									</div>	
									<div class="form-group col-md-6">
										<label class="form-control-label" for="telephone_number">Telephone Number</label>
										<input type="text" class="form-control validate[required,custom[phone]]" id="telephone_number" name="telephone_number" placeholder="Telephone Number" autocomplete="off" tabindex = "5"   value="{{ old('telephone_number') ? old('telephone_number') : $contact->telephone_number }}"/>
									</div>	
									<div class="form-group col-md-6">
										<label class="form-control-label" for="status">Status</label>
										<select class="form-control validate[required]" id="status" name="status" autocomplete="off" tabindex = "6">
											<option value="1" {{ $contact->status==1 ?'selected':''}} >Active</option>
											<option value="0" {{ $contact->status==0 ?'selected':''}} >Inactive</option>
										</select>
									</div>		
								</div>
								<div class="form-group">
									<button type="submit" tabindex = "7" class="btn btn-success"><i class="icon wb-check" aria-hidden="true"></i> UPDATE</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection