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

		
		<div class="page-header">
			<h1 class="page-title">Manage Remote Contacts API</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
				<li class="breadcrumb-item active">Add Remote Contact API</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('remote_contacts_api.index', $remotecontact) }}">
				<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">Add Remote Contact API</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_api.store', $remotecontact) }}" id="add-form" autocomplete="off">
								@csrf
								<div class="row">
									<div class="form-group col-md-12">
										<label class="form-control-label">Contact</label>
										<input type="text" disabled value="{{$remotecontact->contact->organization_name}}" class="form-control">
									</div>
								</div>
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="login">Connection String</label>
										<input type="text" class="form-control validate[required]" id="connection_string" name="connection_string" placeholder="Connection string: https://10.20.30.40:3042" autocomplete="off" value="{{ old('connection_string') ? old('connection_string') : '' }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="connection_method">Connection Method</label>
										<select name="connection_method" class="form-control">
											<option value="POST">POST</option>
											<option value="GET">GET</option>
											{{-- <option value="PUT">PUT</option> --}}
										</select>
									</div>
								</div>
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="mandatory_fields">Mandatory Fields</label>
										<textarea class="form-control" rows="3" placeholder = "Mandatory fields: field names with comma(,) seperator, Ex:document_reg_number, date, file" name="mandatory_fields">{{ old('mandatory_fields') ? old('mandatory_fields') : '' }}</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>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.select2').select2();
		});
	</script>
@endsection