@extends('admin.layouts.masterlayout')

@section('title', 'View Shop')

@section('head_title', 'Shop Management')

@section('content')
<div class="dashboard-body-content">
    <div class="dashboard-breadcrumb-section">
        <h2>Shop Details </h2>
        <p>Shop Details / <a href="{{ route('admin.shopManagement') }}">Shop 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>Personal Details</h2>
                </div>
                <div class="post-image-body">
                    <div class="personal-dts-flex mb-3">
                        <div class="personal-dts-flex-img">
                            <img src="{{ $shop_details->shop_image }}" 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($shop_details->shop_name) ? $shop_details->shop_name : '-' }}</h2>
                            <p>{{ $shop_details->user->name }}</p>
                        </div>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Owner Name:</h2>
                        <p>{{ isset($shop_details->owner_name) ? $shop_details->owner_name : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Phone:</h2>
                        <p>{{ isset($shop_details->user->phone) ? $shop_details->user->phone : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Shop Phone:</h2>
                        <p>{{ isset($shop_details->shop_phone) ? $shop_details->shop_phone : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Email:</h2>
                        <p>{{ isset($shop_details->user->email) ? $shop_details->user->email : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Shop Email:</h2>
                        <p>{{ isset($shop_details->shop_email) ? $shop_details->shop_email : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Address:</h2>
                        <p>{{ isset($shop_details->shop_address) ? $shop_details->shop_address : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Country:</h2>
                        <p>{{ isset($shop_details->country) ? $shop_details->country : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>City:</h2>
                        <p>{{ isset($shop_details->city) ? $shop_details->city : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Currency Code:</h2>
                        <p>{{ isset($shop_details->currency_code) ? $shop_details->currency_code : '-' }}</p>
                    </div>
                    <div class="post-image-flex">
                        <h2>Status:</h2>
                        <p> @if(isset($shop_details->status))
                            @if($shop_details->status == 1)
                            <span class="table-badge active">Active</span>
                            @else
                            <span class="table-badge inactive">Inactive</span>
                            @endif
                            @else
                            <span class="">-</span>
                            @endif
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="post-image-container">
                <div class="post-image-title">
                    <h2>Professional Details</h2>
                </div>
                <div class="post-image-body">

                    <div class="post-image-flex mb-3">
                        <h2>Shop Timing:</h2>
                        <ul class="list-unstyled">
                            @foreach($days as $index => $day)
                            @php
                            $dayNumber = $index + 1;
                            $timing = $shopTimings[$dayNumber] ?? null;
                            $start = $timing ? \Carbon\Carbon::parse($timing->opening_time)->format('h:i A') : null;
                            $end = $timing ? \Carbon\Carbon::parse($timing->closing_time)->format('h:i A') : null;
                            @endphp
                            <li class="d-flex">
                                <strong style="min-width: 100px;">{{ ucfirst($day) }}:</strong>
                                @if($timing)
                                <span>{{ "$start – $end" }}</span>
                                @else
                                <span class="text-danger">Closed</span>
                                @endif
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Social Links:</h2>

                        @if (!empty($socialLinks))
                        <ul class="list-unstyled">
                            @foreach ($socialLinks as $link)
                            <li class="d-flex mb-1">
                                <span>
                                    @if (!empty($link))
                                    {{ $link }}
                                    @endif
                                </span>
                            </li>
                            @endforeach
                        </ul>
                        @else
                        <p>-</p>
                        @endif
                    </div>


                    <div class="post-image-flex">
                        <h2>Portfolio Images:</h2>
                        <div class="target-list">
                            <div class="reference-flex">
                                @forelse($shopPortfolios ?? [] 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 class="post-image-flex mt-2">
                        <h2>Business Proof Image:</h2>
                        <div class="target-list">
                            <div class="reference-flex">
                                <div class="ref-img">
                                    <img src="{{ $shop_details->business_proof_image}}" class="image-preview" alt="Business Proof" onerror="this.src='{{ asset('assets/img/default_img.jpg') }}';">
                                </div>
                            </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>Artist Information</h2>
                </div>
                <div class="post-image-body">
                    @foreach($shop_artists as $shop)
                        <div class="ct-card">
                            <div class="profile-image">
                                <img src="{{ $shop->artist_detail->profile }}" 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->artist_detail->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 class="d-flex gap-3 submit-container">
        <a href="{{ route('admin.shopManagement', ['tab' => $shop_details->is_approved == 1 ? 'verified' : 'unverified']) }}" class="ct-outline-btn text-center">Cancel</a>
        <a href="{{ route('admin.editShop', $shop_details->id) }}?is_view=1" class="ct-btn edit_shop_btn">Edit</a>
        @if($shop_details->is_approved == 0)
        <button class="ct-btn verify-btn" id="verifyBtn">
            <span>{{ $shop_details->is_approved ? 'Verified' : 'Verify' }}</span>
        </button>
        @endif

    </div>
</div>
<div class="modal verify-shop-popup">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <!-- Modal body -->
            <div class="modal-body text-center">
                <div>
                    <img src="{{ asset('assets/img/verify-shop.png') }}" alt="" class="w-50">
                </div>
                <h2 class="delete-message">Are you sure you want to verify this shop?</h2>
            </div>
            <!-- Modal footer -->
            <div>
                <div class="d-flex gap-3 submit-container justify-content-center mt-0">
                    <button class="ct-outline-btn" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="ct-btn verify-shop" data-id="{{ $shop_details->id }}"> <span>Verify</span></button>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection

@section('script')
<script>
    
    $(document).on('click', '#verifyBtn', function() {
        $('.verify-shop-popup').modal('show');
    });

    $(document).on('click', '.verify-shop', function() {
        const btn = $(this);
        const shopId = btn.data('id');
        $('.verify-shop').attr('disabled', true).addClass('loader-active');

        $.ajax({
            url: '{{ route("admin.verifyShop") }}',
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                id: shopId
            },
            success: function(response) {
                $('.verify-shop-popup').modal('hide');
                $('.verify-shop').removeAttr('disabled').removeClass('loader-active');

                if (response.success) {
                    btn.prop('disabled', true);
                    btn.find('span').text('Verified');
                    custom_message('success', "Shop verified successfully");

                    $('#verifyBtn').addClass('d-none');
                } else {
                    custom_message('error', "Shop verified error");
                }
            }
        });
    });
</script>

@endsection