@extends('layouts.admin')

@section('title', $project->name.' — '.config('app.name'))
@section('page_title', $project->name)

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.cms.projects.index') }}">Custom projects</a></li>
    <li class="breadcrumb-item active">#{{ $project->id }}</li>
@endsection

@section('content')
    <div class="card mb-3">
        <div class="card-header"><h5 class="mb-0">Project #{{ $project->id }}</h5></div>
        <div class="card-body">
            <dl class="row mb-0">
                <dt class="col-sm-3">Status</dt><dd class="col-sm-9">{{ $project->status }}</dd>
                <dt class="col-sm-3">Country</dt><dd class="col-sm-9">{{ $project->country ?: '—' }}</dd>
                <dt class="col-sm-3">Categories</dt><dd class="col-sm-9">{{ $project->categories->pluck('name')->join(', ') ?: '—' }}</dd>
                <dt class="col-sm-3">Customer</dt><dd class="col-sm-9">{{ $project->customer ?: '—' }}</dd>
                <dt class="col-sm-3">Business partner</dt><dd class="col-sm-9">{{ $project->business_partner ?: '—' }}</dd>
                <dt class="col-sm-3">Keywords</dt><dd class="col-sm-9">{{ $project->keywords ?: '—' }}</dd>
                <dt class="col-sm-3">Description</dt><dd class="col-sm-9">{{ $project->description ?: '—' }}</dd>
            </dl>
        </div>
    </div>
    <div class="card">
        <div class="card-header"><h5 class="mb-0">Content</h5></div>
        <div class="card-body">
            {!! $project->content !!}
        </div>
    </div>
@endsection