@extends('admin.layout.template')
@section('title', 'Project Details')
@section('content')
<style>
    #statusDropdownBtn {
        min-width: 260px;
        text-align: left;
        font-weight: 600;
    }

    .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
    }
</style>
<script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyABfBAX-v_a_99NqGylrBuo1mKPnZHx_Go&libraries=places,drawing,geometry&callback=initMap"
    async defer></script>
<div class="page-content">
    <div class="container-xxl">


        {{-- ================= PROJECT HEADER ================= --}}
        <div class="card mb-4 shadow-sm">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start">

                    {{-- LEFT SIDE --}}
                    <div>
                        <h3 class="mb-2">
                            {{ $project->project_name }}
                            <span class="badge bg-info ms-2">
                                {{ $project->project_number }}
                            </span>
                        </h3>

                        <div class="row mt-3">
                            <div class="col-md-6">
                                <p class="mb-1">
                                    <strong>Customer :</strong>
                                    {{ $project->customer_name }}
                                </p>
                                <p class="mb-1">
                                    <strong>Phone :</strong>
                                    {{ $project->customer_phone }}
                                </p>
                                <p class="mb-1">
                                    <strong>Address :</strong>
                                    {{ $project->address }}
                                </p>
                            </div>

                            <div class="col-md-6">
                                <p class="mb-1">
                                    <strong>Project Type :</strong>
                                    {{ $project->project_type ?? '-' }}
                                </p>

                                <p class="mb-1">
                                    <strong>Expected Completion :</strong>
                                    {{ $project->expected_completion_date 
                                ? \Carbon\Carbon::parse($project->expected_completion_date)->format('d M Y') 
                                : '-' }}
                                </p>

                                <p class="mb-1">
                                    <strong>Status :</strong>
                                    <span class="badge 
                                @if($project->status == 'completed') bg-success
                                @elseif($project->status == 'pending') bg-warning
                                @else bg-secondary
                                @endif">
                                        {{ ucfirst($project->status) }}
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>

                    {{-- RIGHT SIDE --}}
                    <div class="text-end">

                        <p class="mb-1">
                            <strong>Employee :</strong>
                            {{ $project->employee_name ?? '-' }}
                        </p>

                        <p class="mb-1">
                            <strong>Contact :</strong>
                            {{ $project->employee_contact ?? '-' }}
                        </p>

@if($project->creator)
                        @php
                        $creator = $project->creator;
                        $company = null;

                        if(in_array($creator->user_type,['architect_staff','dealer_staff'])){
                        $company = $creator->manager?->businessProfile;

                        }else{
                        $company = $creator->businessProfile;
                        }
                        @endphp
                        <p class="mb-1">
                            <strong>Created By :</strong>
                            {{ $creator->name ?? '-' }}
                            <span class="badge bg-secondary">
                                {{ $creator->role->name ?? '' }}
                            </span>
                        </p>

                        @if($company)



                        <p class="mb-1">
                            <strong>Company :</strong>
                            {{ $company->legal_shop_name ?? '-' }}
                            ,
                            <strong>Type :</strong>
                            {{ ucfirst($company->business_type ?? '-') }}
                            ,
                            <strong>Phone :</strong>
                            {{ $company->shop_mobile_number ?? '-' }}
                            ,
                            <strong>Address :</strong>
                            {{ $company->legal_shop_address ?? '-' }}
                        </p>

                        @endif
                        @endif
                        {{-- PDF Buttons --}}
                        <div class="d-flex justify-content-end align-items-center gap-2 flex-wrap">
                            <button class="btn btn-success" id="addToQuotation" data-project-id="{{ $project->id }}">
                                Add To Quotation
                            </button>
                            <div class="dropdown d-inline-block" id="statusWrapper">

                                <button class="btn btn-primary dropdown-toggle px-4"
                                    type="button"
                                    id="statusDropdownBtn"
                                    data-bs-toggle="dropdown"
                                    aria-expanded="false">

                                    <span id="currentStatusText">
                                        {{ ucwords(str_replace('_',' ',$project->status)) }}
                                    </span>

                                </button>

                                <ul class="dropdown-menu shadow">

                                    @php
                                    $statuses = [
                                    'submitted','new_lead','contacted','site_visit_scheduled','measuring_done',
                                    'quotation_sent','negotiation','approved','proforma_invoice_sent','advance_received',
                                    'production_started','quality_check_done','ready_for_installation',
                                    'installation_scheduled','installation_completed',
                                    'balance_payment_pending','balance_received',
                                    'completed_closed','feedback_collected'
                                    ];
                                    @endphp

                                    @foreach($statuses as $status)
                                    <li>
                                        <a class="dropdown-item status-change"
                                            href="#"
                                            data-status="{{ $status }}">
                                            {{ ucwords(str_replace('_',' ',$status)) }}
                                        </a>
                                    </li>
                                    @endforeach

                                </ul>
                            </div>
                            <button id="toggleLockBtn"
                                class="btn {{ $project->is_locked ? 'btn-danger' : 'btn-info' }}">
                                {{ $project->is_locked ? 'Unlock Project' : 'Lock Project' }}
                            </button>
                            {{-- Upload / Update --}}
                            <!-- <button class="btn btn-dark btn-sm px-3"
                                data-bs-toggle="modal"
                                data-bs-target="#quotationModal">
                                <i class="bi bi-upload"></i>
                                {{ $project->quotation_pdf ? 'Update Quotation' : 'Upload Quotation' }}
                            </button>

                            {{-- View Quotation (if exists) --}}
                            @if($project->quotation_pdf)
                            <a href="{{ asset($project->quotation_pdf) }}"
                                target="_blank"
                                class="btn btn-success btn-sm px-3">
                                <i class="bi bi-eye"></i> View
                            </a>
                            @endif

                            -->

                            {{-- More Actions Dropdown --}}
                            <div class="dropdown">
                                <button class="btn btn-outline-secondary btn-sm dropdown-toggle"
                                    data-bs-toggle="dropdown">
                                    More PDFs
                                </button>

                                <ul class="dropdown-menu dropdown-menu-end shadow">
                                    <li>
                                        <a class="dropdown-item"
                                            href="{{ url('/api/pdf/measurement/'.$project->id) }}"
                                            target="_blank">
                                            Measurement PDF
                                        </a>
                                    </li>


                                    <li>
                                        <a class="dropdown-item"
                                            href="{{ url('/api/pdf/quotation/'.$project->id) }}"
                                            target="_blank">
                                            Client Quotation
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>

                    </div>

                </div>
            </div>
        </div>

        <div class="row mb-4">

            {{-- ================= PROJECT LOCATION ================= --}}
            <div class="col-md-4">
                <div class="card shadow-sm h-100">
              <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Project Location</h5>

            <button onclick="shareLocation()" class="btn btn-sm btn-primary">
                Share Location
            </button>
        </div>

                    <div class="card-body p-2">
                        <div id="projectMap" style="width:100%; height:100%;"></div>
                    </div>
                </div>
            </div>


            {{-- ================= PROJECT SUMMARY ================= --}}
            <div class="col-md-8">

                <div class="row g-3">

                    <div class="col-md-4">
                        <div class="card text-center shadow-sm h-100">
                            <div class="card-body">
                                <h6 class="text-muted">Subtotal</h6>
                                <h4 class="text-primary">
                                    ₹ {{ number_format($project->subtotal, 2) }}
                                </h4>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card text-center shadow-sm h-100">
                            <div class="card-body">
                                <h6 class="text-muted">GST (18%)</h6>
                                <h4 class="text-warning">
                                    ₹ {{ number_format($project->tax, 2) }}
                                </h4>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card text-center shadow-sm h-100">
                            <div class="card-body">
                                <h6 class="text-muted">Grand Total</h6>
                                <h4 class="text-success">
                                    ₹ {{ number_format($project->grand_total, 2) }}
                                </h4>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card text-center shadow-sm h-100">
                            <div class="card-body">
                                <h6 class="text-muted">Total Areas</h6>
                                <h4 class="text-info">
                                    {{ $project->areas->count() }}
                                </h4>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card text-center shadow-sm h-100">
                            <div class="card-body">
                                <h6 class="text-muted">Total Items</h6>
                                <h4 class="text-primary">
                                    {{ $project->areas->sum(fn($area) => $area->items->count()) }}
                                </h4>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>


        {{-- ================= AREAS LOOP ================= --}}
        @foreach($project->areas as $area)

        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="mb-0">
                    Area: {{ $area->name }}
                    @if($area->room)
                    <span class="text-muted">
                        (Room: {{ $area->room->name }})
                    </span>
                    @endif
                </h5>
            </div>

            <div class="card-body">

                @if($area->items->count() > 0)

                <div class="table-responsive" style="overflow-x: auto;">
                    <table class="table table-bordered table-sm" style="min-width:1200px;">

                        <thead class="table-light">
                            <tr>
                                <th width="4%">#</th>
                                <th width="8%">Image</th>
                                <th width="12%">Product</th>
                                <th width="5%">Type</th>
                                <th width="3%">Unit</th>
                                <th width="3%">Qty</th>
                                <th width="12%">Size</th>
                                <th width="5%">Room</th>
                                <th width="10%">Item</th>
                                <th width="12%">Catalog</th>
                                <th width="8%">Serial</th>
                                <th width="30%">Details</th>
                                <th width="20%">Description</th>
                            </tr>
                        </thead>

                        <tbody>

                            @foreach($area->items as $index => $item)

                            @php
                            $calc = $item->calculation ?? [];
                            $qty = $calc['qty'] ?? 0;
                            $rate = $calc['rate'] ?? 0;

                            $unit = 'Nos';

                            if($item->category == 'curtain'){
                            $unit = 'Mtr';
                            }
                            elseif($item->category == 'wallpaper'){
                            $unit = 'Rolls';
                            }
                            elseif($item->category == 'blinds'){
                            $unit = 'Sqft';
                            }
                            @endphp

                            <tr>

                                <td>{{ $index + 1 }}</td>

                                {{-- IMAGE --}}
                                <td>
                                    @if($item->is_custom == 0 && $item->variant?->primaryImage?->image_path)
                                    <img src="{{ asset($item->variant->primaryImage->image_path) }}" width="60">
                                    @else
                                    <span class="text-muted">Custom</span>
                                    @endif
                                </td>

                                {{-- PRODUCT --}}
                                <td>{{ $item->product->name ?? 'Custom Item' }}</td>

                                {{-- TYPE --}}
                                <td>
                                    @if($item->is_custom)
                                    <span class="badge bg-warning text-dark">Custom</span>
                                    @else
                                    <span class="badge bg-success">Standard</span>
                                    @endif
                                </td>

                                {{-- UNIT --}}
                                <td>{{ $unit }}</td>

                                {{-- QTY --}}
                                <td>{{ $qty > 0 ? number_format($qty,2) : '-' }}</td>

                                {{-- SIZE --}}
                                <td>
                                    @if($item->measurement)
                                    {{ $item->measurement->width ?? '-' }}
                                    x
                                    {{ $item->measurement->height ?? '-' }}
                                    {{ $item->measurement->unit ?? '' }}
                                    @else
                                    -
                                    @endif
                                </td>

                                {{-- ROOM --}}
                                <td>{{ $area->area_name ?? $area->name ?? '-' }}</td>

                                {{-- CATEGORY --}}
                                <td>

                                    @if($item->category == 'curtain' && $item->curtain)

                                    {{ $item->curtain->productModel->name
?? $item->curtain->custom_model_name
?? 'Curtain' }}

                                    @elseif($item->category == 'wallpaper')

                                    {{ $item->wallpaper->catalogue ?? 'Wallpaper' }}

                                    @elseif($item->category == 'mattress')

                                    {{ $item->mattress->type ?? 'Mattress' }}

                                    @else

                                    {{ ucfirst($item->category ?? '-') }}

                                    @endif

                                </td>

                                {{-- CATALOG --}}
                                <td>

                                    @if($item->category == 'fabric')
                                    {{ $item->product->master_catalogue_name ?? '-' }}
                                    @else
                                    {{ $item->curtain->catalogue ?? $item->wallpaper->catalogue ?? '-' }}
                                    @endif

                                </td>

                                {{-- SERIAL / SKU --}}
                                <td>

                                    @if($item->category == 'fabric')
                                    {{ $item->variant->sku ?? '-' }}
                                    @else
                                    {{ $item->curtain->serial_no ?? $item->wallpaper->serial_no ?? '-' }}
                                    @endif

                                </td>

                              <td>

{{-- CURTAIN --}}
@if($item->category == 'curtain' && $item->curtain)

    @php
        $curtainFields = [
            'type' => 'Type',
            'motorized' => 'Motorized',
            'motor_control' => 'Motor Control',
            'model' => 'Model',
            'custom_model_name' => 'Custom Model',
            'catalogue' => 'Catalogue',
            'serial_no' => 'Serial No',
            'brand' => 'Brand',
            'model_price' => 'Model Price',
            'fabric_width' => 'Fabric Width',
            'price_per_meter' => 'Price / Meter',
            'unit' => 'Unit',
        ];
    @endphp

    @foreach($curtainFields as $field => $label)
        @if(!empty($item->curtain->$field))
            <strong>{{ $label }}:</strong> {{ $item->curtain->$field }} <br>
        @endif
    @endforeach

@endif


{{-- WALLPAPER --}}
@if($item->category == 'wallpaper' && $item->wallpaper)

    @php
        $wallpaperFields = [
            'brand' => 'Brand',
            'catalogue' => 'Catalogue',
            'serial_no' => 'Serial No',
            'roll_width' => 'Roll Width',
            'roll_length' => 'Roll Length',
            'design_repeat' => 'Design Repeat',
            'price_per_roll' => 'Price / Roll',
            'wall_width' => 'Wall Width',
            'wall_height' => 'Wall Height',
            'rolls_required' => 'Rolls Required',
        ];
    @endphp

    @foreach($wallpaperFields as $field => $label)
        @if(!empty($item->wallpaper->$field))
            <strong>{{ $label }}:</strong> {{ $item->wallpaper->$field }} <br>
        @endif
    @endforeach

@endif


{{-- MATTRESS --}}
@if($item->category == 'mattress' && $item->mattress)

    @php
        $mattressFields = [
            'type' => 'Type',
            'thickness' => 'Thickness',
            'size' => 'Size',
            'unit' => 'Unit',
        ];
    @endphp

    @foreach($mattressFields as $field => $label)
        @if(!empty($item->mattress->$field))
            <strong>{{ $label }}:</strong> {{ $item->mattress->$field }} <br>
        @endif
    @endforeach

@endif


{{-- MEASUREMENT --}}
@if($item->measurement)

    @php
        $measurementFields = [
            'width' => 'Width',
            'height' => 'Height',
            'length' => 'Length',
            'size' => 'Size',
            'measurement_type' => 'Type',
            'unit' => 'Unit',
        ];
    @endphp

    @foreach($measurementFields as $field => $label)
        @if(!empty($item->measurement->$field))
            <strong>{{ $label }}:</strong> {{ $item->measurement->$field }} <br>
        @endif
    @endforeach

@endif


{{-- NOTES --}}
@if(!empty($item->notes))
    <strong>Notes:</strong> {{ $item->notes }}
@endif

</td>

                                {{-- DESCRIPTION --}}
                                <td>{{ $item->notes ?? '-' }}</td>

                            </tr>

                            @endforeach

                        </tbody>
                    </table>
                </div>


                @else
                <p class="text-muted">No items found in this area.</p>
                @endif

            </div>
        </div>

        @endforeach

        <div class="card mt-4">
            <div class="card-header">
                <strong>Status History</strong>
            </div>
            <div class="card-body p-0">

                <table class="table table-bordered mb-0">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Changed By</th>
                            <th>Old Status</th>
                            <th>New Status</th>
                            <th>Remarks</th>
                        </tr>
                    </thead>
                    <tbody>

                        @forelse($project->statusHistories as $history)
                        <tr>
                            <td>{{ $history->created_at->format('d M Y h:i A') }}</td>
                            <td>{{ $history->user->name }}</td>
                            <td>{{ ucwords(str_replace('_',' ',$history->old_status)) }}</td>
                            <td>{{ ucwords(str_replace('_',' ',$history->new_status)) }}</td>
                            <td>{{ $history->remarks ?? '-' }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">No history found</td>
                        </tr>
                        @endforelse

                    </tbody>
                </table>

            </div>
        </div>
        <a href="{{ route('projects.index') }}" class="btn btn-secondary mt-3">Back to Projects</a>

    </div>
</div>


<script>
    $('#addToQuotation').click(function() {

        let projectId = $(this).data('project-id');

        Swal.fire({
            title: 'Are you sure?',
            text: "This will generate quotation from project items.",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, Generate!',
            cancelButtonText: 'Cancel'
        }).then((result) => {

            if (result.isConfirmed) {

                $.ajax({
                    url: "{{ url('admin/projects/add-to-quotation') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        project_id: projectId
                    },
                    success: function(response) {

                        if (response.success) {
                            Swal.fire('Success!', response.message, 'success')
                                .then(() => {
                                    location.reload();
                                });
                        } else {
                            Swal.fire('Error!', response.message, 'error');
                        }

                    },
                    error: function() {
                        Swal.fire('Error!', 'Something went wrong', 'error');
                    }
                });

            }
        });
    });

    let projectId = {{ $project->id}};



    let changeStatusUrl = "{{ route('projects.changeStatus', $project->id) }}";

    $('.status-change').click(function(e) {
        e.preventDefault();

        let newStatus = $(this).data('status');

        Swal.fire({
            title: 'Change Status?',
            text: "Do you want to update project status?",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, Update'
        }).then((result) => {

            if (result.isConfirmed) {

                $.ajax({
                    url: changeStatusUrl,
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        status: newStatus
                    },
                    success: function(response) {

                        Swal.fire(
                            'Updated!',
                            response.message,
                            'success'
                        );

                        $('#currentStatusText').text(
                            newStatus.replace(/_/g, ' ')
                            .replace(/\b\w/g, l => l.toUpperCase())
                        );
                        location.reload();
                    }
                });

            }

        });
    });
</script>

<script>
    let toggleLockUrl = "{{ route('projects.toggleLock', $project->id) }}";

    $('#toggleLockBtn').click(function() {

        Swal.fire({
            title: 'Are you sure?',
            text: "You want to change lock status?",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, Continue'
        }).then((result) => {

            if (result.isConfirmed) {

                $.ajax({
                    url: toggleLockUrl,
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}"
                    },
                    success: function(response) {

                        Swal.fire(
                            'Updated!',
                            response.message,
                            'success'
                        ).then(() => {
                            location.reload();
                        });

                    }
                });

            }

        });

    });

    function initMap() {

        let lat = {{ $project->location_lat ?? 0 }};
        let lng = {{ $project->location_lng ?? 0}};

        if (lat == 0 || lng == 0) {
            document.getElementById('projectMap').innerHTML =
                '<div class="text-center text-muted p-5">Location not available</div>';
            return;
        }

        const location = {
            lat: parseFloat(lat),
            lng: parseFloat(lng)
        };

        const map = new google.maps.Map(document.getElementById("projectMap"), {
            zoom: 14,
            center: location,
        });

        new google.maps.Marker({
            position: location,
            map: map,
            title: "Project Location"
        });
    }

function shareLocation()
{
    const lat = "{{ $project->latitude }}";
    const lng = "{{ $project->longitude }}";

    const mapUrl = `https://www.google.com/maps?q=${lat},${lng}`;

    if (navigator.share) {

        navigator.share({
            title: "Project Location",
            text: "Project location on map",
            url: mapUrl
        });

    } else {

        navigator.clipboard.writeText(mapUrl);
        alert("Location link copied!");
    }
}
</script>
@endsection