@extends('admin.layouts.dashboard')

@section('title', 'Partner Details')

@section('content')
    @php
        $partnerName = $partner->company_name ?: $partner->name;
    @endphp

    <div class="space-y-6">
        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
            <div>
                <h1 class="text-2xl font-bold text-white">Partner Details</h1>
                <p class="text-gray-400 text-sm mt-1">View complete partner information and map details.</p>
            </div>
            <a href="{{ route('admin.partners') }}" class="px-4 py-2 bg-[#1e293b] border border-gray-700 text-white rounded-lg text-sm">Back to Partners</a>
        </div>

        <div class="bg-[#1e293b] rounded-xl border border-gray-800 p-6 grid grid-cols-1 md:grid-cols-2 gap-5">
            <div><p class="text-xs text-gray-500 uppercase">Business Name</p><p class="text-white font-medium mt-1">{{ $partnerName }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Business Type</p><p class="text-white font-medium mt-1">{{ ucfirst($partner->business_type ?: 'other') }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Contact Person</p><p class="text-white font-medium mt-1">{{ $partner->contact_person ?: 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Phone</p><p class="text-white font-medium mt-1">{{ $partner->phone_number ?: 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Email</p><p class="text-white font-medium mt-1">{{ $partner->email }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Active Offers</p><p class="text-white font-medium mt-1">{{ $partner->offers_count }}</p></div>
            <div class="md:col-span-2"><p class="text-xs text-gray-500 uppercase">Address</p><p class="text-white font-medium mt-1">{{ $partner->business_address ?: 'N/A' }}</p></div>
            <div class="md:col-span-2"><p class="text-xs text-gray-500 uppercase">Description</p><p class="text-white font-medium mt-1">{{ $partner->business_description ?: 'N/A' }}</p></div>
            <div class="md:col-span-2"><p class="text-xs text-gray-500 uppercase">Google Map URL</p>@if($partner->map_location_url)<a href="{{ $partner->map_location_url }}" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:text-blue-300 mt-1 inline-block">{{ $partner->map_location_url }}</a>@else<p class="text-white font-medium mt-1">N/A</p>@endif</div>
            <div><p class="text-xs text-gray-500 uppercase">Map Latitude</p><p class="text-white font-medium mt-1">{{ $partner->map_lat ?? 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Map Longitude</p><p class="text-white font-medium mt-1">{{ $partner->map_lng ?? 'N/A' }}</p></div>

            <div class="md:col-span-2">
                <p class="text-xs text-gray-500 uppercase">Branch Locations</p>
                <div class="mt-2 space-y-2">
                    @forelse ($partner->locations as $location)
                        <div class="rounded-lg border border-gray-700 bg-[#0f172a] px-4 py-3">
                            <div class="flex items-center justify-between gap-3">
                                <p class="text-sm font-semibold text-white">{{ $location->label ?: 'Branch' }}</p>
                                @if ($location->is_primary)
                                    <span class="text-[11px] px-2 py-1 rounded-full bg-blue-600/20 text-blue-300 border border-blue-500/40">Primary</span>
                                @endif
                            </div>
                            <div class="mt-2 grid grid-cols-1 sm:grid-cols-2 gap-3">
                                <div>
                                    <p class="text-[11px] text-gray-500">Logo</p>
                                    @php
                                        $logoPath = $location->business_logo ?: $partner->business_logo;
                                    @endphp
                                    @if ($logoPath)
                                        <img src="{{ asset('storage/' . $logoPath) }}" alt="{{ $location->label ?: 'Branch' }} logo" class="mt-1 w-12 h-12 rounded-lg object-cover border border-gray-700">
                                    @else
                                        <p class="text-xs text-gray-500 mt-1">No logo</p>
                                    @endif
                                </div>
                                <div>
                                    <p class="text-[11px] text-gray-500">Store Image</p>
                                    @php
                                        $imagePath = $location->business_image ?: $partner->business_image;
                                    @endphp
                                    @if ($imagePath)
                                        <img src="{{ asset('storage/' . $imagePath) }}" alt="{{ $location->label ?: 'Branch' }} image" class="mt-1 w-full max-w-[140px] h-14 rounded-lg object-cover border border-gray-700">
                                    @else
                                        <p class="text-xs text-gray-500 mt-1">No image</p>
                                    @endif
                                </div>
                            </div>
                            <p class="text-sm text-gray-300 mt-1">{{ $location->address }}</p>
                            <a href="{{ $location->map_location_url }}" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:text-blue-300 text-sm mt-1 inline-block">Open Map</a>
                        </div>
                    @empty
                        <p class="text-sm text-gray-400">No branch locations found.</p>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="flex gap-3">
            <a href="{{ route('admin.partners.edit', $partner) }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm">Edit Partner</a>
            <form action="{{ route('admin.partners.destroy', $partner) }}" method="post" onsubmit="return confirm('Delete this partner?');">
                @csrf
                @method('delete')
                <button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm">Delete Partner</button>
            </form>
        </div>
    </div>
@endsection