@extends('layout.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-white py-3 d-flex align-items-center justify-content-between">
                        <h4 class="card-title m-0 font-weight-bold text-primary">New Line Request — Details</h4>
                        <div>
                          
                            <a href="{{ route('new-line-request.index') }}" class="btn btn-sm btn-secondary">
                                <i class="fas fa-arrow-left"></i> Back
                            </a>
                        </div>
                    </div>

                    <div class="card-body">

                        {{-- Survey --}}
                        <h5 class="text-primary mb-2">Survey</h5>
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Survey Status</label>
                                <span class="font-weight-semibold">{{ $new_line_request->survey_status ?? '—' }}</span>
                            </div>
                            <div class="col-md-9">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Survey Remarks</label>
                                <span>{{ $new_line_request->survey_remarks ?? '—' }}</span>
                            </div>

                            @if (!empty($surveyCancelReasons))
                                <div class="col-12 mt-2">
                                    <label class="text-muted d-block mb-1" style="font-size:.78rem;">Cancel Reasons</label>
                                    <div class="border rounded bg-light px-3 py-2">
                                        <ul class="mb-0 pl-3">
                                            @foreach ($surveyCancelReasons as $reason)
                                                <li>{{ $reason }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            @endif
                        </div>

                        <hr class="my-3">

                        {{-- Customer Information --}}
                        <h5 class="text-primary mb-2">Customer Information</h5>
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Full Name</label>
                                <span>{{ $new_line_request->name ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Father's Name</label>
                                <span>{{ $new_line_request->father_name ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Mother's Name</label>
                                <span>{{ $new_line_request->mother_name ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Phone Number</label>
                                <span>{{ $new_line_request->phone ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Alternative Phone</label>
                                <span>{{ $new_line_request->alt_phone ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">NID Number</label>
                                <span>{{ $new_line_request->nid ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Email</label>
                                <span>{{ $new_line_request->email ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Billing Date</label>
                                <span>{{ $new_line_request->billing_date ?? '—' }}</span>
                            </div>
                        </div>

                        <hr class="my-3">

                        {{-- Location --}}
                        <h5 class="text-primary mb-2">Location</h5>
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Division</label>
                                <span>{{ $division ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">District</label>
                                <span>{{ $district ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Upazila</label>
                                <span>{{ $upazila ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Thana</label>
                                <span>{{ $thana ?? '—' }}</span>
                            </div>
                            <div class="col-12 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Full Address</label>
                                <span>{{ $new_line_request->address ?? '—' }}</span>
                            </div>
                            @if ($new_line_request->lat || $new_line_request->long)
                                <div class="col-md-4 mt-2">
                                    <label class="text-muted d-block mb-0" style="font-size:.78rem;">Latitude</label>
                                    <span>{{ $new_line_request->lat ?? '—' }}</span>
                                </div>
                                <div class="col-md-4 mt-2">
                                    <label class="text-muted d-block mb-0" style="font-size:.78rem;">Longitude</label>
                                    <span>{{ $new_line_request->long ?? '—' }}</span>
                                </div>
                            @endif
                        </div>

                        <hr class="my-3">

                        {{-- Connection Details --}}
                        <h5 class="text-primary mb-2">Connection Details</h5>
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">POP</label>
                                <span>{{ optional($new_line_request->pop)->popname ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Package</label>
                                <span>{{ $packageName ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">OTC Amount</label>
                                <span>{{ $new_line_request->otc ?? '—' }}</span>
                            </div>
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Free Days</label>
                                <span>{{ $new_line_request->free_days ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Fiber Meter</label>
                                <span>{{ $new_line_request->fiver_miter ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Device Uses</label>
                                <span>{{ $new_line_request->divice_uses ?? '—' }}</span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Confirm Activation Date</label>
                                <span>
                                    {{ $new_line_request->confirm_activation_date
                                        ? \Carbon\Carbon::parse($new_line_request->confirm_activation_date)->format('d M Y')
                                        : '—' }}
                                </span>
                            </div>
                            <div class="col-md-3 mt-2">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Follow Up Date</label>
                                <span>
                                    {{ $new_line_request->follow_up_date
                                        ? \Carbon\Carbon::parse($new_line_request->follow_up_date)->format('d M Y')
                                        : '—' }}
                                </span>
                            </div>
                        </div>

                        <hr class="my-3">

                        {{-- Multi Router --}}
                        <h5 class="text-primary mb-2">Multi Router</h5>
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label class="text-muted d-block mb-0" style="font-size:.78rem;">Multi Router</label>
                                <span>{{ $new_line_request->multi_router ?? '—' }}</span>
                            </div>
                            @if ($new_line_request->multi_router === 'Yes')
                                <div class="col-md-9">
                                    <label class="text-muted d-block mb-0" style="font-size:.78rem;">Multi Router Remarks</label>
                                    <span>{{ $new_line_request->multi_router_remarks ?? '—' }}</span>
                                </div>

                                @if (($new_line_request->support_done ?? 0) == 1)
                                    <div class="col-12 mt-2">
                                        <div class="card card-outline card-info mb-0">
                                            <div class="card-header py-2">
                                                <span class="card-title">Support Done Information</span>
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <label class="text-muted d-block mb-0" style="font-size:.78rem;">Support Done By</label>
                                                        <span class="font-weight-bold">{{ optional($new_line_request->supportDoneByUser)->name ?? '—' }}</span>
                                                    </div>
                                                    <div class="col-md-12 mt-2">
                                                        <label class="text-muted d-block mb-0" style="font-size:.78rem;">Support Remarks</label>
                                                        <span>{{ $new_line_request->support_remarks ?? '—' }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endif
                        </div>

                        <hr class="my-3">

                        {{-- Smart Devices --}}
                        <h5 class="text-primary mb-2">Smart Devices</h5>
                        <div class="row mb-3">
                            @forelse ($smartDeviceList as $deviceName)
                                <div class="col-md-3 col-6 mb-1">
                                    <i class="fas fa-check-circle text-success mr-1"></i>
                                    <span>{{ $deviceName }}</span>
                                </div>
                            @empty
                                <div class="col-12">
                                    <span class="text-muted">No smart devices selected.</span>
                                </div>
                            @endforelse
                        </div>

                        @if ($marketingEmployeeName)
                            <hr class="my-3">
                            <h5 class="text-primary mb-2">Marketing</h5>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-0" style="font-size:.78rem;">Marketing Employee</label>
                                    <span>{{ $marketingEmployeeName }}</span>
                                </div>
                            </div>
                        @endif

                        @if ($new_line_request->customer_confirmed_at)
                            <hr class="my-3">
                            <h5 class="text-primary mb-2">Customer Feedback</h5>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-0" style="font-size:.78rem;">Confirmed By Customer</label>
                                    <span>{{ \Carbon\Carbon::parse($new_line_request->customer_confirmed_at)->format('d M Y, h:i A') }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-0" style="font-size:.78rem;">Rating</label>
                                    <span style="color:#f59e0b;letter-spacing:2px;">
                                        {{ str_repeat('★', (int) $new_line_request->customer_rating) }}{{ str_repeat('☆', 5 - (int) $new_line_request->customer_rating) }}
                                    </span>
                                    <span class="text-muted">({{ $new_line_request->customer_rating }}/5)</span>
                                </div>
                                @if ($new_line_request->customer_feedback)
                                    <div class="col-md-6">
                                        <label class="text-muted d-block mb-0" style="font-size:.78rem;">Comment</label>
                                        <span>{{ $new_line_request->customer_feedback }}</span>
                                    </div>
                                @endif
                            </div>
                        @endif

                        @if ($lastNote)
                            <hr class="my-3">
                            <h5 class="text-primary mb-2">Additional Notes</h5>
                            <div class="row mb-3">
                                <div class="col-12">
                                    <p class="mb-0">{{ $lastNote }}</p>
                                </div>
                            </div>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection