@extends('layouts.admin')

@section('title', 'Detail Contact Request')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6"><h1>Detail Contact Request</h1></div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('contact-requests.index') }}">Contact Request</a></li>
                <li class="breadcrumb-item active">Detail</li>
            </ol>
        </div>
    </div>
@stop

@section('content')
<div class="row">
    <div class="col-md-8 offset-md-2">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ $contactRequest->name }}</h3>
                <div class="card-tools">
                    <a href="{{ route('contact-requests.edit', $contactRequest) }}" class="btn btn-warning btn-sm"><i class="fas fa-edit"></i> Edit</a>
                    <a href="{{ route('contact-requests.index') }}" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
                </div>
            </div>
            <div class="card-body">
                <div class="form-group"><label class="text-muted">Nama:</label><p class="form-control-plaintext font-weight-bold">{{ $contactRequest->name }}</p></div>
                @if($contactRequest->institution)<div class="form-group"><label class="text-muted">Institusi:</label><p class="form-control-plaintext">{{ $contactRequest->institution }}</p></div>@endif
                <div class="form-group"><label class="text-muted">Email:</label><p class="form-control-plaintext">{{ $contactRequest->email }}</p></div>
                @if($contactRequest->phone)<div class="form-group"><label class="text-muted">Phone:</label><p class="form-control-plaintext">{{ $contactRequest->phone }}</p></div>@endif
                @if($contactRequest->message)<div class="form-group"><label class="text-muted">Pesan:</label><p class="form-control-plaintext">{{ $contactRequest->message }}</p></div>@endif
                <div class="form-group"><label class="text-muted">Status:</label><p class="form-control-plaintext"><span class="badge badge-{{ $contactRequest->status == 'new' ? 'primary' : ($contactRequest->status == 'contacted' ? 'warning' : 'success') }}">{{ ucfirst($contactRequest->status) }}</span></p></div>
            </div>
            <div class="card-footer">
                <a href="{{ route('contact-requests.edit', $contactRequest) }}" class="btn btn-warning"><i class="fas fa-edit"></i> Edit</a>
                <form method="POST" action="{{ route('contact-requests.destroy', $contactRequest) }}" style="display:inline;">@csrf @method('DELETE')<button type="submit" class="btn btn-danger" onclick="return confirm('Yakin?')"><i class="fas fa-trash"></i> Hapus</button></form>
                <a href="{{ route('contact-requests.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Kembali</a>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
<style>@media (max-width:768px){.col-md-8.offset-md-2{padding:.5rem;}.form-group{margin-bottom:1rem;}}</style>
@stop