@extends('layouts.admin')

@section('title', 'Contact Submission Details')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Contact Submission Details</h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.contact-submissions.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left"></i> Back to List
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    <div class="row">
                        <!-- Submission Details -->
                        <div class="col-md-8">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Submission Information</h4>
                                </div>
                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-3">Name:</dt>
                                        <dd class="col-sm-9">{{ $contactSubmission->name }}</dd>

                                        <dt class="col-sm-3">Email:</dt>
                                        <dd class="col-sm-9">
                                            <a href="mailto:{{ $contactSubmission->email }}">{{ $contactSubmission->email }}</a>
                                        </dd>

                                        <dt class="col-sm-3">Phone:</dt>
                                        <dd class="col-sm-9">
                                            @if($contactSubmission->phone)
                                                <a href="tel:{{ $contactSubmission->phone }}">{{ $contactSubmission->phone }}</a>
                                            @else
                                                Not provided
                                            @endif
                                        </dd>

                                        <dt class="col-sm-3">Company:</dt>
                                        <dd class="col-sm-9">{{ $contactSubmission->company ?? 'Not provided' }}</dd>

                                        <dt class="col-sm-3">Subject:</dt>
                                        <dd class="col-sm-9">{{ $contactSubmission->subject }}</dd>

                                        <dt class="col-sm-3">Service Interest:</dt>
                                        <dd class="col-sm-9">
                                            <span class="badge badge-info">{{ ucfirst(str_replace('-', ' ', $contactSubmission->service_interest)) }}</span>
                                        </dd>

                                        <dt class="col-sm-3">Budget Range:</dt>
                                        <dd class="col-sm-9">{{ $contactSubmission->budget_range ?? 'Not specified' }}</dd>

                                        <dt class="col-sm-3">Timeline:</dt>
                                        <dd class="col-sm-9">{{ $contactSubmission->timeline ?? 'Not specified' }}</dd>

                                        <dt class="col-sm-3">Status:</dt>
                                        <dd class="col-sm-9">
                                            @if($contactSubmission->status == 'pending')
                                                <span class="badge badge-warning">Pending</span>
                                            @elseif($contactSubmission->status == 'responded')
                                                <span class="badge badge-success">Responded</span>
                                            @else
                                                <span class="badge badge-secondary">Archived</span>
                                            @endif
                                        </dd>

                                        <dt class="col-sm-3">Submitted:</dt>
                                        <dd class="col-sm-9">{{ $contactSubmission->created_at->format('M d, Y \a\t H:i') }}</dd>

                                        <dt class="col-sm-3">Lead Score:</dt>
                                        <dd class="col-sm-9">
                                            <span class="badge badge-primary">{{ $contactSubmission->getLeadScoreAttribute() }}/10</span>
                                        </dd>
                                    </dl>

                                    <hr>

                                    <h5>Message:</h5>
                                    <div class="bg-light p-3 rounded">
                                        {!! nl2br(e($contactSubmission->message)) !!}
                                    </div>
                                </div>
                            </div>

                            <!-- Attachments -->
                            @if($contactSubmission->attachments->count() > 0)
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h4 class="card-title">Attachments</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        @foreach($contactSubmission->attachments as $attachment)
                                        <div class="col-md-6 mb-3">
                                            <div class="card">
                                                <div class="card-body">
                                                    <h6>{{ $attachment->original_name }}</h6>
                                                    <p class="text-muted small mb-2">
                                                        {{ number_format($attachment->file_size / 1024, 2) }} KB
                                                    </p>
                                                    <a href="{{ route('admin.contact-submissions.download-attachment', [$contactSubmission, $attachment->id]) }}"
                                                       class="btn btn-sm btn-primary">
                                                        <i class="fas fa-download"></i> Download
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            @endif

                            <!-- Responses -->
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h4 class="card-title">Response History</h4>
                                </div>
                                <div class="card-body">
                                    @forelse($contactSubmission->responses as $response)
                                    <div class="response-item mb-3 p-3 border rounded">
                                        <div class="d-flex justify-content-between align-items-start">
                                            <strong>{{ $response->adminUser->name ?? 'Admin' }}</strong>
                                            <small class="text-muted">{{ $response->sent_at->format('M d, Y H:i') }}</small>
                                        </div>
                                        <div class="mt-2">
                                            {!! nl2br(e($response->response_text)) !!}
                                        </div>
                                        @if($response->is_template_used)
                                        <small class="text-info"><i class="fas fa-copy"></i> Used template</small>
                                        @endif
                                    </div>
                                    @empty
                                    <p class="text-muted">No responses sent yet.</p>
                                    @endforelse
                                </div>
                            </div>
                        </div>

                        <!-- Response Form -->
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Send Response</h4>
                                </div>
                                <div class="card-body">
                                    <form action="{{ route('admin.contact-submissions.store-response', $contactSubmission) }}" method="POST">
                                        @csrf

                                        <div class="form-group">
                                            <label for="template">Use Template (Optional)</label>
                                            <select name="template_id" id="template" class="form-control">
                                                <option value="">Select a template...</option>
                                                @foreach($templates as $template)
                                                <option value="{{ $template->id }}" data-content="{{ $template->content }}">
                                                    {{ $template->name }} ({{ $template->category }})
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label for="response_text">Response Message</label>
                                            <textarea name="response_text" id="response_text" class="form-control" rows="8" required></textarea>
                                        </div>

                                        <div class="form-group">
                                            <div class="custom-control custom-checkbox">
                                                <input class="custom-control-input" type="checkbox" id="is_template_used" name="is_template_used" value="1">
                                                <label for="is_template_used" class="custom-control-label">
                                                    This response uses a template
                                                </label>
                                            </div>
                                        </div>

                                        <button type="submit" class="btn btn-success btn-block">
                                            <i class="fas fa-paper-plane"></i> Send Response
                                        </button>
                                    </form>
                                </div>
                            </div>

                            <!-- Quick Actions -->
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h4 class="card-title">Quick Actions</h4>
                                </div>
                                <div class="card-body">
                                    <form method="POST" action="{{ route('admin.contact-submissions.update-status', $contactSubmission) }}" class="mb-2">
                                        @csrf
                                        @method('PATCH')
                                        <input type="hidden" name="status" value="responded">
                                        <button type="submit" class="btn btn-success btn-block">
                                            <i class="fas fa-check"></i> Mark as Responded
                                        </button>
                                    </form>

                                    <form method="POST" action="{{ route('admin.contact-submissions.update-status', $contactSubmission) }}" class="mb-2">
                                        @csrf
                                        @method('PATCH')
                                        <input type="hidden" name="status" value="archived">
                                        <button type="submit" class="btn btn-secondary btn-block" onclick="return confirm('Are you sure you want to archive this submission?')">
                                            <i class="fas fa-archive"></i> Archive
                                        </button>
                                    </form>

                                    <form method="POST" action="{{ route('admin.contact-submissions.destroy', $contactSubmission) }}" onsubmit="return confirm('Are you sure you want to delete this submission? This action cannot be undone.')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger btn-block">
                                            <i class="fas fa-trash"></i> Delete
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.getElementById('template').addEventListener('change', function() {
    const selectedOption = this.options[this.selectedIndex];
    const content = selectedOption.getAttribute('data-content');
    if (content) {
        document.getElementById('response_text').value = content;
        document.getElementById('is_template_used').checked = true;
    }
});
</script>
@endsection