@extends('layouts.site')
@section('title')
{{ $detail->name ?? 'Default Title' }}
@endsection
@section('facebook_meta')
<meta name="keywords" content="{{ $detail->keywords ?? 'default Title' }}"/>
<meta name="description" content="{{ $detail->desc ?? 'default Title' }}"/>
 <link rel="canonical" href="{{ route('site.logo-detail' ?? 'Default Title', $detail->name) }}" /> 
@endsection
@section('site')
    <div role="main" class="main">
        <section
            class="page-header-modern custom-page-header bg-color-primary"data-bg-src="{{ asset('assets/img/demos/business-consulting-3/backgrounds/background-5.jpg') }}"
            style="background-size: cover; background-position: center;">
            <div class="container container-xl-custom py-2">
                <div class="row">
                    <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                        <h1 class="font-weight-extra-bold text-12 appear-animation"
                            data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                            style="color:white;">{{ $detail->company_name ?? 'Default Title' }}</h1>
                    </div>
                    <div class="col-md-4 order-1 order-md-2 align-self-center">
                        <ul class="breadcrumb d-block text-md-end breadcrumb-light appear-animation"
                            data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li class="active">{{ $detail->company_name ?? 'Default Title' }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <div id="aboutus" class="row align-items-xl-center pt-0 mt-1">
            <div class="container position-relative z-index-3 my-5">
                <div class="row align-items-center justify-content-center">
                    <div class="col-lg-6 pe-lg-5 mb-4 mb-lg-0">
                            <img src="{{ asset('storage/uploads/foliosub') . '/' . ($detail->image ?? 'default-image.jpg') }}"
                                class="img-fluid box-shadow-3 appear-animation"
                                data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                                alt="" />
                    </div>
                    <div class="col-lg-6 appear-animation" data-appear-animation="fadeInRightShorter"
                        data-appear-animation-delay="500">
                        <h2 class="text-color-dark font-weight-normal text-4 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="600">Project <strong class="font-weight-extra-bold">Description</strong></h2>
                        <p class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="800"> {!! $detail->project_description  ?? 'Default Title' !!}</p>
                        <div class="overflow-hidden mt-4">
                            <h2 class="text-color-dark font-weight-normal text-4 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="1000">Project <strong class="font-weight-extra-bold">Details</strong></h2>
                        </div>
                        <ul class="list list-icons list-primary list-borders text-2 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200">
                            <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Client:</strong> {{ $detail->client_name ?? 'Default Title' }}</li>
                            <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Date:</strong> {{ $detail->date ?? 'Default Title' }}</li>
                            <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Platform:</strong> <a href="#" class="badge badge-dark badge-sm rounded-pill px-2 py-1 ms-1">{{ $detail->platform ?? 'Default Title' }}</a></li>
                        </ul>
            </div>
        </div>
</div>

</div>
</div>
</div>
@endsection