@extends('layouts.main')

@section('title', 'Okis 3.0 | Kontakt')

@section('content')

	<main class="py-5">
		<div class="container">

			<div class="row justify-content-md-center">
				<div class="col-md-8">
					<div class="card">

						<div class="card-header card-title">
							<strong>Kontakt Details</strong>
						</div>  

						<div class="card-body">
							<div class="row">
								<div class="col-md-12">

									<div class="form-group row">
										<label for="first_name" class="col-md-3 col-form-label">First Name</label>
										<div class="col-md-9">
											<p class="form-control-plaintext text-muted">	{{ $contact->first_name }}	</p>
										</div>
									</div>

									<div class="form-group row">
										<label for="last_name" class="col-md-3 col-form-label">Last Name</label>
										<div class="col-md-9">
											<p class="form-control-plaintext text-muted">	{{ $contact->last_name }}	</p>
										</div>
									</div>

									<div class="form-group row">
										<label for="email" class="col-md-3 col-form-label">Email</label>
										<div class="col-md-9">
											<p class="form-control-plaintext text-muted">	{{ $contact->email }}		</p>
										</div>
									</div>

									<div class="form-group row">
										<label for="phone" class="col-md-3 col-form-label">Phone</label>
										<div class="col-md-9">
											<p class="form-control-plaintext text-muted">	{{ $contact->phone }}	</p>
										</div>
									</div>

									<div class="form-group row">
										<label for="name" class="col-md-3 col-form-label">Address</label>
										<div class="col-md-9">
											<p class="form-control-plaintext text-muted">	{{ $contact->address }}	</p>
										</div>
									</div>

									<div class="form-group row">
										<label for="company_id" class="col-md-3 col-form-label">Company</label>
										<div class="col-md-9">
											<p class="form-control-plaintext text-muted">	{{ $contact->company->name }}	</p>
										</div>
									</div>

									<hr>

									<div class="text-center">
										<div class="btn-group justify-content-center" role="group" aria-label="Basic">
											<a href="{{ route('contacts.edit', $contact->id) 	}}" class="btn btn-info">
												Edit
											</a>
											<a href="{{ route('contacts.destroy', $contact->id) }}" class="btn-delete btn btn-outline-danger">
												Delete
											</a>
											<a href="{{ URL::previous() }}" class="btn btn-outline-secondary">
												Cancel
											</a>

										</div>
										<form id="form-delete" method="post" style="display: none">
											@csrf
											@method('DELETE')
										</form>
									</div>

								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			
		</div>
	</main>

@endsection