@extends("layouts.main")

@section("container")
    <div class="row justify-content-around">
        <div id="entity" class="col-12 col-lg-4 col-xl-3">
            <div class="card">
                <div class="card-header">
                    <a href="{{ route("admin.product.index") }}">Back to Index</a>
                    <div class="float-right">

                        <a class="btn btn-sm btn-primary" target="_blank" title="Lihat Halaman Publik untuk iklan ini"
                            href="{{ route("v2.detail.product", $product->id) }}?preview=1">
                            Preview <i class="fa fa-external-link-alt"></i>
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="text-center">
                        <img src="{{ $product->default_image_url }}" class="carshow-avatar mb-5">
                        <br>
                        <span class="h3">
                            {{ $product->name }}
                        </span>
                        <br>
                        <span class="text-muted text-capitalize">Mobil {{ $product->condition }}</span>
                    </div>
                </div>
                <ul class="list-group list-group-flush">
                    <li
                        class="list-group-item {{ route("admin.product.form", $product->slug ?? $product->id) == url()->current() ? "active" : "" }}">
                        <a class="nav-link" href="{{ route("admin.product.form", $product->id ?? $product->id) }}">Informasi</a>
                    </li>
                    {{-- <li
                        class="list-group-item {{ route("admin.product.activity", $product->id) == url()->current() ? "active" : "" }}">
                        <a class="nav-link" href="{{ route("admin.product.activity", $product->id) }}">Aktivitas</a>
                    </li> --}}
                    {{-- <li class="list-group-item {{ route("admin.product.showroom", $product->id) == url()->current() ? "active" : ""}}">
                    <a class="nav-link" href="{{ route("admin.product.showroom", $product->id) }}">Showroom</a>
                </li> --}}
                </ul>
                <div class="card-body">

                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <div class="card-title">Akun Terkait</div>
                </div>
                <ul class="list-group list-group-flush">
                    @if ($product->showroom)
                        <li class="list-group-item">
                            <a href="{{ route("admin.showroom.form", $product->showroom->id) }}"
                                class="row align-items-center">
                                <div class="col-4">
                                    <img src="{{ $product->showroom->logo_showroom_url }}" class="carshow-avatar-sm">
                                </div>
                                <div class="col-8">
                                    <h6>
                                        {{ $product->showroom->name }}
                                    </h6>
                                    <span class="text-muted">Showroom</span>
                                </div>
                            </a>
                        </li>
                    @endif
                    @if (optional($product->showroom)->owner)
                        <li class="list-group-item">
                            <a href="{{ route("admin.users.form", $product->showroom->owner->id) }}"
                                class="row align-items-center">
                                <div class="col-4">
                                    <img src="{{ $product->showroom->owner->profile_picture_url }}"
                                        class="carshow-avatar-sm">
                                </div>
                                <div class="col-8">
                                    <h6>
                                        {{ $product->showroom->owner->name }}
                                    </h6>
                                    <span class="text-muted">Owner</span>
                                </div>
                            </a>
                        </li>
                    @endif
                    @if ($product->creator)
                        <li class="list-group-item">
                            <a href="{{ route("admin.users.form", $product->creator->id) }}"
                                class="row align-items-center">
                                <div class="col-4">
                                    <img src="{{ $product->creator->profile_picture_url }}" class="carshow-avatar-sm">
                                </div>
                                <div class="col-8">
                                    <h6>
                                        {{ $product->creator->name }}
                                    </h6>
                                    <span class="text-muted">Creator</span>
                                </div>
                            </a>
                        </li>
                    @endif
                    @if ($product->sales)
                        <li class="list-group-item">
                            <a href="{{ route("admin.old.user.sales", $product->sales->id) }}" class="row align-items-center">
                                <div class="col-4">
                                    <img src="{{ $product->sales->profile_picture_url }}" class="carshow-avatar-sm">
                                </div>
                                <div class="col-8">
                                    <h6>
                                        {{ $product->sales->name }}
                                    </h6>
                                    <span class="text-muted">Sales</span>
                                </div>
                            </a>
                        </li>
                    @endif
                </ul>
                <div class="card-body"></div>
            </div>
        </div>

        <div id="panel" class="col-12 col-lg-8">
            <div class="card">
                <div class="card-header">
                    @yield("panel-option")
                </div>
                <div class="card-body">
                    @yield("panel-body")
                </div>
            </div>
        </div>
    </div>
@endsection



@section("javascript")
@endsection