@extends('layouts.admin')

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

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6"><h1>Detail Company Contact</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('company-contacts.index') }}">Company Contact</a></li>
                <li class="breadcrumb-item active">Detail</li>
            </ol>
        </div>
    </div>
@stop

@section('content')
<div class="row">
    <div class="col-md-10 offset-md-1">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ $companyContact->company_name }}</h3>
                <div class="card-tools">
                    <a href="{{ route('company-contacts.edit', $companyContact) }}" class="btn btn-warning btn-sm"><i class="fas fa-edit"></i> Edit</a>
                    <a href="{{ route('company-contacts.index') }}" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group"><label class="text-muted">Nama Perusahaan:</label><p class="form-control-plaintext font-weight-bold">{{ $companyContact->company_name }}</p></div>
                        @if($companyContact->email)<div class="form-group"><label class="text-muted">Email:</label><p class="form-control-plaintext">{{ $companyContact->email }}</p></div>@endif
                        @if($companyContact->phone)<div class="form-group"><label class="text-muted">Phone:</label><p class="form-control-plaintext">{{ $companyContact->phone }}</p></div>@endif
                        @if($companyContact->whatsapp)<div class="form-group"><label class="text-muted">WhatsApp:</label><p class="form-control-plaintext">{{ $companyContact->whatsapp }}</p></div>@endif
                    </div>
                    <div class="col-md-6">
                        @if($companyContact->website)<div class="form-group"><label class="text-muted">Website:</label><p class="form-control-plaintext"><a href="{{ $companyContact->website }}" target="_blank">{{ $companyContact->website }} <i class="fas fa-external-link-alt ml-1"></i></a></p></div>@endif
                        @if($companyContact->address)<div class="form-group"><label class="text-muted">Alamat:</label><p class="form-control-plaintext">{{ $companyContact->address }}</p></div>@endif
                    </div>
                </div>
                @if($companyContact->instagram || $companyContact->facebook || $companyContact->linkedin || $companyContact->youtube)
                    <hr>
                    <h5>Social Media</h5>
                    <div class="row">
                        @if($companyContact->instagram)<div class="col-md-6"><small><strong>Instagram:</strong> <a href="https://instagram.com/{{ str_replace('@', '', $companyContact->instagram) }}" target="_blank">{{ $companyContact->instagram }} <i class="fas fa-external-link-alt"></i></a></small></div>@endif
                        @if($companyContact->facebook)<div class="col-md-6"><small><strong>Facebook:</strong> <a href="{{ $companyContact->facebook }}" target="_blank">{{ Str::limit($companyContact->facebook, 40) }} <i class="fas fa-external-link-alt"></i></a></small></div>@endif
                        @if($companyContact->linkedin)<div class="col-md-6"><small><strong>LinkedIn:</strong> <a href="{{ $companyContact->linkedin }}" target="_blank">{{ Str::limit($companyContact->linkedin, 40) }} <i class="fas fa-external-link-alt"></i></a></small></div>@endif
                        @if($companyContact->youtube)<div class="col-md-6"><small><strong>YouTube:</strong> <a href="{{ $companyContact->youtube }}" target="_blank">{{ Str::limit($companyContact->youtube, 40) }} <i class="fas fa-external-link-alt"></i></a></small></div>@endif
                    </div>
                @endif
            </div>
            <div class="card-footer">
                <a href="{{ route('company-contacts.edit', $companyContact) }}" class="btn btn-warning"><i class="fas fa-edit"></i> Edit</a>
                <form method="POST" action="{{ route('company-contacts.destroy', $companyContact) }}" 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('company-contacts.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-10.offset-md-1{padding:.5rem;}.col-md-6{padding:0.25rem;}.form-group{margin-bottom:1rem;}}</style>
@stop