@extends('back.layouts.app')

@section('content')
    <div class="pl-3 pr-2 content-wrapper">
        <section class="content-header">
            <div class="row">
                <div class="col-md-5 col-sm-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ admin_url() . '' }}"><i class="fas fa-gauge"></i> Home</a></li>
                        <li class="active">{{ $title }}</li>
                    </ol>
                </div>
                <div class="col-md-7 col-sm-12"> @include('back.common_views.quicklinks') </div>
            </div>
        </section>

        <section class="content">
            <div class="container-fluid">
                <div class="card">
                    <div class="card-header">
                        <div class="btn-group" role="group">
                            <a href="{{ route('admin.quotes.index') }}"
                                class="btn btn-sm {{ !request('status') ? 'btn-primary' : 'btn-outline-primary' }}">
                                All Quotes
                            </a>
                            <a href="{{ route('admin.quotes.index', ['status' => 'draft']) }}"
                                class="btn btn-sm {{ request('status') == 'draft' ? 'btn-warning' : 'btn-outline-warning' }}">
                                Drafts
                            </a>
                            <a href="{{ route('admin.quotes.index', ['status' => 'sent']) }}"
                                class="btn btn-sm {{ request('status') == 'sent' ? 'btn-success' : 'btn-outline-success' }}">
                                Sent
                            </a>
                        </div>
                        <a href="{{ route('admin.quotes.create') }}" class="btn btn-primary float-right">
                            <!-- <i class="fas fa-plus"></i>  -->
                            Build New Quote
                        </a>
                        @if(is_super_admin())
                            <button type="button" class="btn btn-info float-right mr-2" data-bs-toggle="modal"
                                data-bs-target="#globalRecipientsModal">
                                <i class="fas fa-envelope"></i> Add Recipients email
                            </button>
                        @endif
                    </div>
                    <div class="card-body">
                        @if(session('success'))
                            <div class="alert alert-success alert-dismissible">
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                {{ session('success') }}
                            </div>
                        @endif

                        <table class="table table-bordered table-striped" id="quotesTable">
                            <thead>
                                <tr>
                                    <th>Quote #</th>
                                    <th>Project</th>
                                    <th>Date</th>
                                    <th>Expiration</th>
                                    <th>Total</th>
                                    <th>Status</th>
                                    <th>Rep</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($quotes as $quote)
                                    <tr>
                                        <td><strong>{{ $quote->quote_number }}</strong></td>
                                        <td>{{ $quote->project->project_name ?? 'N/A' }}</td>
                                        <td>{{ $quote->date->format('M d, Y') }}</td>
                                        <td>
                                            @if($quote->expiration_type == 'permanent')
                                                <span class="badge badge-info">Permanent</span>
                                            @else
                                                {{ $quote->expiration_date->format('M d, Y') }}
                                            @endif
                                        </td>
                                        <td>${{ number_format($quote->total, 2) }}</td>
                                        <td>
                                            @if($quote->status == 'draft')
                                                <span class="badge badge-warning">Draft</span>
                                            @else
                                                <span class="badge badge-success">Sent</span>
                                            @endif
                                        </td>
                                        <td>{{ $quote->quoteRep->name }}</td>
                                        <td>
                                            <a href="{{ route('admin.quotes.preview', $quote->id) }}"
                                                class="btn btn-sm btn-info" title="Preview">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <a href="{{ route('admin.quotes.edit', $quote->id) }}"
                                                class="btn btn-sm btn-warning" title="Edit">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <button type="button" class="btn btn-sm btn-primary"
                                                onclick="openEmailModal({{ $quote->id }}, '{{ $quote->project->email ?? '' }}', '{{ $quote->to_emails ?? '' }}', '{{ $quote->cc_bcc_emails ?? '' }}', '{{ $quote->additional_recipients ?? '' }}')"
                                                title="Send Email">
                                                <!--<i class="fas fa-envelope"></i>-->
                                                <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                            </button>
                                            <form action="{{ route('admin.quotes.duplicate', $quote->id) }}" method="POST"
                                                style="display:inline-block;">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-secondary" title="Duplicate">
                                                    <i class="fas fa-copy"></i>
                                                </button>
                                            </form>
                                            <form action="{{ route('admin.quotes.destroy', $quote->id) }}" method="POST"
                                                style="display:inline-block;">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger"
                                                    onclick="return confirm('Are you sure you want to delete this quote?')"
                                                    title="Delete">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- Email Modal -->
    <div class="modal fade" id="emailModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Send Quote by Email</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="emailForm">
                        @csrf
                        <input type="hidden" id="quoteId" name="quote_id">

                        <div class="form-group">
                            <label for="to">To Email <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="to" name="to" required
                                placeholder="customer@example.com">
                        </div>

                        <div class="form-group">
                            <label for="cc">CC (comma separated)</label>
                            <input type="text" class="form-control" id="cc" name="cc"
                                placeholder="manager@example.com, another@example.com">
                        </div>

                        <div class="form-group">
                            <label for="bcc">BCC (Blind carbon copy)</label>
                            <input type="text" class="form-control" id="bcc" name="bcc"
                                placeholder="archive@example.com, bcc@example.com">
                        </div>

                        <div class="form-group">
                            <label for="subject">Subject <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="subject" name="subject"
                                value="Your Quote from Surface Statement" required>
                        </div>

                        <!--<div class="form-group">-->
                        <!--    <label for="message">Message (optional)</label>-->
                        <!--    <textarea class="form-control" id="message" name="message" rows="4"-->
                        <!--        placeholder="Add a custom message to include in the email..."></textarea>-->
                        <!--</div>-->
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" onclick="sendQuoteEmail()">
                        <i class="fas fa-paper-plane"></i> Send Email
                    </button>
                </div>
            </div>
        </div>
    </div>

    @if(is_super_admin())
        <!-- Global Additional Recipients Modal -->
        <div class="modal fade" id="globalRecipientsModal" tabindex="-1" role="dialog"
            aria-labelledby="globalRecipientsModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="globalRecipientsModalLabel">Recipients Email</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="global_recipient_email_input">Enter Emails</label>
                            <input type="text" class="form-control" id="global_recipient_email_input"
                                placeholder="email1@example.com, email2@example.com">
                            <small class="form-text text-muted">These recipients will receive a copy of <b>every new quote</b>
                                by default.</small>
                        </div>
                        <div id="global_modal_recipients_preview" class="mt-3">
                            {{-- JS will populate this --}}
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="save_global_additional_recipients">Save</button>
                    </div>
                </div>
            </div>
        </div>
    @endif
    
    @push('beforeBodyClose')
        <script>
            // Global Additional Recipients Logic
            let globalEmails = [];
            const initialGlobalEmails = "{{ FindInsettingArr('global_additional_recipients') }}";

            if (initialGlobalEmails) {
                globalEmails = initialGlobalEmails.split(',').map(e => e.trim()).filter(e => e !== "");
            }

            @if(is_super_admin())
                const globalPreviewModal = $('#global_modal_recipients_preview');
                const globalInputField = $('#global_recipient_email_input');

                if (globalEmails.length > 0) {
                    updateGlobalPreviews();
                }

                $('#save_global_additional_recipients').on('click', function () {
                    let val = globalInputField.val();
                    if (val) {
                        let newEmails = val.split(',').map(e => e.trim()).filter(e => e !== "");
                        newEmails.forEach(email => {
                            if (email && !globalEmails.includes(email)) {
                                globalEmails.push(email);
                            }
                        });
                        globalInputField.val('');
                    }

                    // Save via AJAX
                    $.ajax({
                        url: "{{ route('admin.quotes.update.global.recipients') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            emails: globalEmails.join(', ')
                        },
                        success: function (response) {
                            if (response.success) {
                                alert(response.message);
                              //  $('#globalRecipientsModal').modal('hide');
                            }
                        },
                        error: function () {
                            alert('Error saving global recipients.');
                        }
                    });

                    updateGlobalPreviews();
                });

                function updateGlobalPreviews() {
                    let html = "";
                    globalEmails.forEach((email, index) => {
                        html += `<span class="badge badge-info mr-2 mb-2 p-2">
                                                                                                                ${email} 
                                                                                                                <i class="fas fa-times ml-1 cursor-pointer remove-global-recipient" data-index="${index}" style="cursor:pointer"></i>
                                                                                                             </span>`;
                    });
                    globalPreviewModal.html(html);
                }

                $(document).on('click', '.remove-global-recipient', function () {
                    let index = $(this).data('index');
                    globalEmails.splice(index, 1);
                    updateGlobalPreviews();
                });
            @endif

            $(document).ready(function () {
                $('#quotesTable').DataTable({
                    "responsive": true,
                    "autoWidth": false,
                    "order": [[0, "desc"]]
                });
            });

            function openEmailModal(quoteId, to, cc, bcc, additional) {
                $('#quoteId').val(quoteId);

                $('#to').val(to);
                $('#cc').val(cc);

                // Start with existing BCC
                let bccList = bcc ? bcc.split(',').map(e => e.trim()).filter(e => e !== "") : [];

                // Add quote-specific additional recipients
                if (additional) {
                    let additionalEmails = additional.split(',').map(e => e.trim()).filter(e => e !== "");
                    additionalEmails.forEach(email => {
                        if (!bccList.includes(email)) bccList.push(email);
                    });
                }

                // Add global recipients (reepetient)
                if (globalEmails && globalEmails.length > 0) {
                    globalEmails.forEach(email => {
                        if (!bccList.includes(email)) bccList.push(email);
                    });
                }

                $('#bcc').val(bccList.join(', '));

                $('#emailModal').modal('show');
            }

            function sendQuoteEmail() {
                let quoteId = $('#quoteId').val();
                let formData = {
                    _token: $('input[name="_token"]').val(),
                    to: $('#to').val(),
                    cc: $('#cc').val(),
                    bcc: $('#bcc').val(),
                    subject: $('#subject').val(),
                    message: $('#message').val()
                };

                $.ajax({
                    url: '{{ admin_url() }}quotes/' + quoteId + '/send-email',
                    type: 'POST',
                    data: formData,
                    success: function (response) {
                        if (response.success) {
                            alert('Quote sent successfully!');
                            $('#emailModal').modal('hide');
                            location.reload();
                        }
                    },
                    error: function (xhr) {
                        alert('Failed to send email: ' + xhr.responseJSON.message);
                    }
                });
            }
        </script>
    @endpush
@endsection