@extends('back.layouts.app', ['title' => 'SECR'])
@section('content')
<div class="content-wrapper pl-3 pr-2">
    <section class="content-header">
        <div class="row align-items-center mb-3">
            <div class="col-md-12 text-end">
                @include('back.common_views.quicklinks')
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-md-6">
                <h3 class="mb-0 font-weight-bold text-dark">
                    <i class="fas fa-recycle text-success mr-2"></i> Valuation Request #{{ $valuation->id }}
                </h3>
                <nav aria-label="breadcrumb" class="mt-2">
                    <ol class="breadcrumb bg-transparent p-0 mb-0">
                        <li class="breadcrumb-item"><a href="{{ admin_url() }}"><i class="fas fa-home"></i> Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.valuations.index') }}">Valuation Requests</a></li>
                        <li class="breadcrumb-item active">#{{ $valuation->id }}</li>
                    </ol>
                </nav>
            </div>
            <div class="col-md-6 text-md-end">
                <div class="btn-group shadow-sm">
                    @if ($prev)
                        <a href="{{ route('admin.valuations.show', $prev->id) }}" class="btn btn-outline-secondary btn-sm">
                            <i class="fas fa-chevron-left mr-1"></i> Previous
                        </a>
                    @endif
                    @if ($next)
                        <a href="{{ route('admin.valuations.show', $next->id) }}" class="btn btn-outline-secondary btn-sm">
                            Next <i class="fas fa-chevron-right ml-1"></i>
                        </a>
                    @endif
                    <a href="{{ route('admin.valuations.index') }}" class="btn btn-secondary btn-sm">
                        <i class="fas fa-list mr-1"></i> Back to List
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section class="content mt-3">
        <div class="row">
            <div class="col-md-8">
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 font-weight-bold"><i class="fas fa-user text-success mr-2"></i> Contact Information</h5>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-sm mb-0">
                            <tbody>
                                <tr>
                                    <th width="200" class="bg-light">First Name</th>
                                    <td>{{ $valuation->first_name }}</td>
                                </tr>
                                <tr>
                                    <th class="bg-light">Last Name</th>
                                    <td>{{ $valuation->last_name }}</td>
                                </tr>
                                @if ($valuation->company_name)
                                <tr>
                                    <th class="bg-light">Company Name</th>
                                    <td>{{ $valuation->company_name }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <th class="bg-light">Email</th>
                                    <td><a href="mailto:{{ $valuation->email }}">{{ $valuation->email }}</a></td>
                                </tr>
                                <tr>
                                    <th class="bg-light">Phone</th>
                                    <td><a href="tel:{{ $valuation->phone }}">{{ $valuation->phone }}</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 font-weight-bold"><i class="fas fa-boxes text-success mr-2"></i> Asset Details</h5>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-sm mb-0">
                            <tbody>
                                @if ($valuation->service_needed)
                                <tr>
                                    <th width="200" class="bg-light">Service Needed</th>
                                    <td>{{ $valuation->service_needed }}</td>
                                </tr>
                                @endif
                                @if ($valuation->number_of_assets)
                                <tr>
                                    <th class="bg-light">Number of Assets</th>
                                    <td>{{ $valuation->number_of_assets }}</td>
                                </tr>
                                @endif
                                @if ($valuation->asset_type)
                                <tr>
                                    <th class="bg-light">Asset Type</th>
                                    <td>{{ $valuation->asset_type }}</td>
                                </tr>
                                @endif
                                @if ($valuation->preferred_pickup_date)
                                <tr>
                                    <th class="bg-light">Preferred Pickup Date</th>
                                    <td>{{ \Carbon\Carbon::parse($valuation->preferred_pickup_date)->format('M d, Y') }}</td>
                                </tr>
                                @endif
                                @if ($valuation->additional_details)
                                <tr>
                                    <th class="bg-light align-top">Additional Details</th>
                                    <td>{{ $valuation->additional_details }}</td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>

                @if ($valuation->equipment_list || $valuation->product_images)
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 font-weight-bold"><i class="fas fa-paperclip text-success mr-2"></i> Uploaded Files</h5>
                    </div>
                    <div class="card-body">
                        @if ($valuation->equipment_list)
                        <p class="mb-2">
                            <strong>Equipment List:</strong>
                            <a href="{{ asset('uploads/valuations/equipment/' . $valuation->equipment_list) }}" target="_blank">
                                <i class="fas fa-file-alt mr-1"></i> {{ $valuation->equipment_list }}
                            </a>
                        </p>
                        @endif

                        @if ($valuation->product_images)
                            @php
                                $images = is_array($valuation->product_images)
                                    ? $valuation->product_images
                                    : json_decode($valuation->product_images, true);
                            @endphp
                            @if (!empty($images))
                            <strong>Product Images:</strong>
                            <div class="row g-2 mt-1">
                                @foreach ($images as $img)
                                <div class="col-auto">
                                    <a href="{{ asset('uploads/valuations/images/' . $img) }}" target="_blank">
                                        <img src="{{ asset('uploads/valuations/images/' . $img) }}"
                                             alt="{{ $img }}"
                                             style="height:80px; width:80px; object-fit:cover; border-radius:6px; border:1px solid #ddd;">
                                    </a>
                                </div>
                                @endforeach
                            </div>
                            @endif
                        @endif
                    </div>
                </div>
                @endif
            </div>

            <div class="col-md-4">
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 font-weight-bold"><i class="fas fa-info-circle text-muted mr-2"></i> Submission Info</h5>
                    </div>
                    <div class="card-body">
                        <p class="mb-2"><span class="text-muted small">SUBMITTED</span><br>
                            <strong>{{ $valuation->created_at ? $valuation->created_at->format('M d, Y h:i A') : '—' }}</strong>
                        </p>
                        <p class="mb-2"><span class="text-muted small">IP ADDRESS</span><br>
                            <strong>{{ $valuation->ip_address ?? '—' }}</strong>
                        </p>
                        @if ($valuation->referrer)
                        <p class="mb-2"><span class="text-muted small">REFERRER</span><br>
                            <strong class="text-break">{{ $valuation->referrer }}</strong>
                        </p>
                        @endif
                    </div>
                </div>

                <div class="card shadow-sm border-0">
                    <div class="card-body">
                        <a href="mailto:{{ $valuation->email }}" class="btn btn-info btn-sm text-white w-100 mb-2">
                            <i class="fas fa-reply mr-1"></i> Reply via Email
                        </a>
                        <button type="button" onclick="delValuationRecord({{ $valuation->id }})" class="btn btn-outline-danger btn-sm w-100">
                            <i class="fas fa-trash-alt mr-1"></i> Delete This Request
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection
@section('beforeBodyClose')
<script src="{{ asset_storage('lib/sweetalert/sweetalert2.js') }}"></script>
<script>
function delValuationRecord(id) {
    Swal.fire({
        title: 'Delete this request?',
        text: 'This action cannot be undone.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Yes, delete it'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                type: 'DELETE',
                url: '{{ admin_url() }}valuations/' + id,
                data: { '_token': $('meta[name="csrf-token"]').attr('content') },
                success: function (data) {
                    data = JSON.parse(data);
                    if (data.status) {
                        window.location.href = '{{ route("admin.valuations.index") }}';
                    }
                }
            });
        }
    });
}
</script>
@endsection