@extends('admin.layouts.masterlayout')

@section('title')
View Artist
@endsection

@section('head_title')
Artist Management
@endsection

@section('content')
<div class="dashboard-body-content">
    <div class="dashboard-breadcrumb-section">
        <h2>Artist Details </h2>
        <p>Artist Details / <a href="{{route('admin.artistManagement')}}"> Artist Management</a></p>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <div class="post-image-container h-auto mb-4">
                <div class="post-image-title">
                    <h2>Artist Information</h2>
                </div>
                <div class="post-image-body">
                    <div class="personal-dts-flex mb-3">
                        <div class="personal-dts-flex-img">
                            <img src="{{ $artist->profile }}" class="profile-image image-preview" id="image_preview" alt="Profile Image" onerror="this.src='{{ asset('assets/img/default.png') }}';">
                        </div>
                        <div class="personal-dts-text">
                            <h2>{{ isset($artist->name) ? $artist->name : '-' }}</h2>
                            <p>Artist</p>
                        </div>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Name:</h2>
                        <p>{{ isset($artist->name) ? $artist->name : '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Phone:</h2>
                        <p>{{ isset($artist->phone) ? $artist->phone : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Email:</h2>
                        <p>{{ isset($artist->email) ? $artist->email : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Address:</h2>
                        <p>{{ isset($artist->address) ? $artist->address : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Country:</h2>
                        <p>{{ isset($artist->country) ? $artist->country : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>City:</h2>
                        <p>{{ isset($artist->city) ? $artist->city : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Status</h2>
                        <p> @if(isset($artist->status))
                            @if($artist->status == 'active')
                            <span class="table-badge active">Active</span>
                            @else
                            <span class="table-badge inactive">Inactive</span>
                            @endif
                            @else
                            <span class="badge bg-secondary">-</span>
                            @endif
                        </p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Bio:</h2>
                        <p>{{ isset($artist->bio) ? $artist->bio : '-' }}</p>
                    </div>


                    <div class="post-image-flex mb-3">
                        <h2>Social Links:</h2>

                        @php
                        $socialLinks = isset($artist->artistDetail) ? json_decode($artist->artistDetail->social_links ?? '[]') : [];
                        @endphp

                        @if (!empty($socialLinks))
                        <ul class="list-unstyled">
                            @foreach ($socialLinks as $link)
                            <li class="d-flex mb-1">
                                <span>
                                    @if (!empty($link))
                                    {{ $link }}
                                    @else
                                    -
                                    @endif
                                </span>
                            </li>
                            @endforeach
                        </ul>
                        @else
                        <p>-</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="post-image-container">
                <div class="post-image-title">
                    <h2>Other Information</h2>
                </div>
                <div class="post-image-body">
                    <div class="post-image-flex mb-3">
                        <h2>Professional Title</h2>
                        <p>{{ isset($artist->artistDetail->professional_title) ? $artist->artistDetail->professional_title : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Experience:</h2>
                        <p>{{ isset($artist->artistDetail->experience) ? $artist->artistDetail->experience : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Expertise:</h2>
                        <p> {{ is_array($expertiseArray) ? implode(', ', $expertiseArray) : '' }}</p>
                    </div>
                    <div class="post-image-flex">
                        <h2>Portfolio Images:</h2>
                        <div class="target-list">
                            <div class="reference-flex">
                                @forelse($artist_portfolioimages ?? [] as $image)
                                <div class="ref-img">
                                    <img src="{{ $image->path }}" class="image-preview" alt="Reference Photo"
                                        onerror="this.onerror=null;this.src='{{ asset('assets/img/default_img.jpg') }}';">
                                </div>
                                @empty
                                -
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
  
        @if(!$shop_artists->isEmpty())            
        <div class="col-lg-6">
            <div class="post-image-container">
                <div class="post-image-title">
                    <h2>Shop Information</h2>
                </div>
                <div class="post-image-body">
                    @foreach($shop_artists as $shop)
                        <div class="ct-card">
                            <div class="profile-image">
                                <img src="{{ $shop->shopDetail->shop_image }}" class="profile-image image-preview" id="image_preview" alt="Profile Image" onerror="this.src='{{ asset('assets/img/default.png') }}';">
                            </div>
                            <div class="details">
                                <div class="top-row d-flex justify-content-between align-items-center mb-2 ">
                                    <h2>{{ $shop->shopDetail->shop_name }}</h2>
                                    @if($shop->confirm_status == 0)
                                        <p class="ct-info">Pending</p>
                                    @elseif($shop->connected_with_shop == 1)
                                        <p class="ct-success">Connected</p>
                                    @else
                                        <p class="ct-error">Not Connected</p>
                                    @endif
                                </div>
                                <div class="info">
                                    <p>Commission: <strong>{{ $shop->commission . "%" ?? "-"}}</strong> </p>

                                    @if($shop->artist_type == 0)
                                        <div class="ct-badge">
                                            Inshop
                                        </div>
                                    @else
                                        <div class="ct-badge guest">
                                            Guest
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

@endsection