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

		
		<div class="page-header">
			<h1 class="page-title">Manage Remote Contacts</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
				<li class="breadcrumb-item active">Edit Remote Contact</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('remote_contacts.index') }}">
				<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 Remote 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('remote_contacts.update', $remotecontact) }}" id="add-form" autocomplete="off">
								@csrf
								@method('put')
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label">Contact</label>
										<input class="form-control" disabled value="{{$remotecontact->contact->organization_name}}">
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="direction">Direction</label>
										<select name="direction" class="form-control">
											<option value="0" {{($remotecontact->direction == 0) ? 'selected' : ''}}>In</option>
											<option value="1" {{($remotecontact->direction == 1) ? 'selected' : ''}}>Out</option>
										</select>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="login">Login</label>
										<input type="text" class="form-control validate[required]" id="login" name="login" placeholder="Login" autocomplete="off" value="{{$remotecontact->login}}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="password">Password</label>
										<input type="text" class="form-control validate[required]" id="password" name="password" placeholder="Password" autocomplete="off" value="{{ $remotecontact->password }}"/>
									</div>
								</div>
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="public_key">Public Key</label>
										<textarea class="form-control" id="public_key" rows="3" placeholder = "Public Key" name="public_key">{{ $remotecontact->public_key }}</textarea>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="description">Description</label>
										<textarea class="form-control" rows="3" placeholder = "Description" name="description">{{ $remotecontact->description }}</textarea>
									</div>
								</div>
								<div class="form-group">
									<button type="submit" class="btn btn-success"><i class="icon wb-check" aria-hidden="true"></i> SAVE</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection