{{-- @extends('layouts1.layout') --}}
@extends('layouts.app')

{{-- @section('subcontent')
@include('admin.masters.plan.component.sidebar')
@endsection --}}
@push('styles')
<style>
   .home_1 { border-bottom: 0!important; }
   .dataTables_wrapper {
   min-height: auto;
   }
   .forward-emails-list {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
   }
   .email-tag {
      background: #f0f0f0;
      padding: 2px 8px;
      border-radius: 12px;
      font-size: 12px;
   }
   .action-buttons {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      margin-top: 10px;
   }
   .addNewBtn {
      display: inline-flex !important;
      align-items: center;
      gap: 5px;
      padding: 6px 12px;
      color: white;
      border-radius: 4px;
      text-decoration: none;
      transition: opacity 0.3s;
   }
   .addNewBtn:hover {
      opacity: 0.9;
      color: white;
   }
   .integration-badge {
      font-size: 0.8rem;
      padding: 4px 8px;
   }
</style>
@endpush
@section('title','Mailbox - '.ucfirst($mailbox->name))
@section('content')
<div class="loadPages01">
   <!-- Top Actions Header -->
   <div class="actionsHeader">
     {{--  <ul>
         <li><button class="btn btn-block"><i class="las la-print"></i> Print</button></li>
         <li><button class="btn btn-block"><i class="las la-file-pdf"></i> PDF</button></li>
         <li><button class="btn btn-block"><i class="las la-file-excel"></i> Excel</button></li>
         <li><button class="btn btn-block"><i class="las la-file-word"></i> Word</button></li>
        
      </ul> --}}
   </div>
   <div class="card card-body card-dashboard-twentyfive border-left-0 border-right-0 p-0 viewPage">
      <div class="align-items-stretch">
         <div class="card bd-0 navtab-card01 viewPageTabs">
            <div class="card-header card-header-tab">
               <!-- <div class="az-nav-tabs">
                  <div class="lSSlideOuter navtab-lSSlideOuter">
                     <div class="lSSlideWrapper usingCss" style="transition-duration: 400ms; transition-timing-function: ease;">
                        <div id="navComplex" class="lightSlider lsGrab lSSlide" style="width: 1842px; height: 39px; padding-bottom: 0%; transform: translate3d(0px, 0px, 0px);">
                           <div class="tab-item lslide active" style="margin-right: 3px;"><a href="#azTab1" class="tab-link active">Overview</a></div>
                                            
                           
                        </div>
                     </div>
                  </div>
               </div> -->
               <!-- az-nav-complex -->
            </div>
            <!-- card-header -->
            <div class="az-tab-content tab-content-box tab-content-box-view viewPaneTab">
               <div id="azTab1" class="az-tab-pane active">
                  <div class="mail-view personal-div01 mx-2 bg-white">
                     <div class="message-body py-3 px-2">
                        <div class="item-details-page">
                           <div class="row">
                              <div class="col-lg-12 col-md-6 col-sm-6 col-6">
                                 @if(!empty(Request::get('block')) AND Request::get('block')==1)
                                  <h5 class="mb-2 mt-2 groupTitle">Edit Mailbox</h5>
                                 @else
                                  <h5 class="mb-2 mt-2 groupTitle">Mailbox Information</h5>
                                  
                                  <!-- Integration Type Badge -->
                                  <div class="mb-3">
                                     @if($mailbox->integration_type == 'whatsapp')
                                        <span class="badge badge-success integration-badge">
                                           <i class="lab la-whatsapp"></i> WhatsApp Integration
                                        </span>
                                     @else
                                        <span class="badge badge-primary integration-badge">
                                           <i class="las la-envelope"></i> Email Integration
                                        </span>
                                     @endif
                                  </div>
                                  
                                  <div class="action-buttons">
                                    @can('mailbox.test')
                                    @if($mailbox->integration_type == 'email')
                                    <a href="javascript:" style="background-color:orange;" class="addNewBtn" id="mailbox-test">
                                        <i class="las la-check"></i> Test Connection
                                    </a>
                                    @elseif($mailbox->integration_type == 'whatsapp')
                                    <a href="javascript:" style="background-color:green;" class="addNewBtn" id="whatsapp-test">
                                        <i class="lab la-whatsapp"></i> Test WhatsApp
                                    </a>
                                    @endif
                                    @endcan
                                    
                                    @if($mailbox->is_inbound && $mailbox->integration_type == 'email')
                                    @can('mailbox.sync')
                                    <a href="javascript:" style="background-color:#1eae1e;" class="addNewBtn" id="mailbox-sync">
                                        <i class="las la-sync"></i> Sync Now
                                    </a>
                                    @endcan
                                    @endif
                                    
                                   @can('mailbox.edit')
                                   <a style="background-color:#0078d4;" href="#" class="addNewBtn btn-edit-mailbox">
                                       <i class="las la-pen"></i> Edit
                                   </a>
                                   @endcan 
                                    
                                    @can('mailbox.delete')
                                    <a style="background: red" href="javascript:" class="addNewBtn" id="submit-delete-form">
                                        <i class="las la-trash"></i> Delete
                                    </a>
                                    <form method="POST" action="{{route('masters.mailboxes.destroy')}}" id="delete-form" style="display: none;">
                                        @csrf
                                        @method('DELETE')
                                        <input type="hidden" name="id" value="{{crypt_encrypt($mailbox->id)}}">
                                    </form>
                                    @endcan
                                  </div>
                                 
                                 <div class="group mt-4">
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Name <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->name}}</label>
                                    </div>

                                    @if($mailbox->ticket_source_id)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Ticket Source <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->ticketSource->name ?? '--'}}</label>
                                    </div>
                                    @endif

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Queue <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->queue->name ?? '--'}}</label>
                                    </div>

                                    @if($mailbox->integration_type == 'email')
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Username/Email <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->username}}</label>
                                    </div>
                                    @elseif($mailbox->integration_type == 'whatsapp')
                                    <div class="row">
                                       <label class="col-lg-4 items-label">WhatsApp Number <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->whatsapp_number ?? $mailbox->username}}</label>
                                    </div>
                                    @endif

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Status <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @switch($mailbox->status)
                                               @case('active')
                                                   <span class="badge badge-success">Active</span>
                                                   @break
                                               @case('inactive')
                                                   <span class="badge badge-secondary">Inactive</span>
                                                   @break
                                               @case('error')
                                                   <span class="badge badge-danger">Error</span>
                                                   @break
                                               @case('testing')
                                                   <span class="badge badge-warning">Testing</span>
                                                   @break
                                               @default
                                                   <span class="badge badge-secondary">{{$mailbox->status}}</span>
                                           @endswitch
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Inbound Enabled <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->is_inbound)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Outbound Enabled <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->is_outbound)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    <!-- Email Specific Configuration -->
                                    @if($mailbox->integration_type == 'email' && $mailbox->is_inbound)
                                    <hr>
                                    <h6 class="mt-3 mb-3 text-primary"><i class="las la-envelope"></i> Email Inbound Configuration</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Host <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->host ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Port <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->port ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Protocol <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{ucfirst($mailbox->protocol ?? '--')}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Encryption <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->encryption ?: 'None'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Validate Certificate <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->validate_cert)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Inbound Folder <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->inbound_folder ?? 'INBOX'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Fetch Limit <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->inbound_fetch_limit ?? '50'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Charset <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->inbound_charset ?? 'UTF-8'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Mark as Read <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->inbound_mark_as_read)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Delete After Fetch <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->inbound_delete_after_fetch)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>
                                    @endif

                                    <!-- WhatsApp Specific Configuration -->
                                    @if($mailbox->integration_type == 'whatsapp')
                                    <hr>
                                    <h6 class="mt-3 mb-3 text-success"><i class="lab la-whatsapp"></i> WhatsApp Configuration</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">API URL <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->whatsapp_api_url ?? '--'}}</label>
                                    </div>

                                    @if($mailbox->whatsapp_auth_token)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Auth Token <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">••••••••</label>
                                    </div>
                                    @endif

                                    @if($mailbox->whatsapp_webhook_url)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Webhook URL <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->whatsapp_webhook_url}}</label>
                                    </div>
                                    @endif
                                    @endif

                                    <!-- Email Outbound Configuration -->
                                    @if($mailbox->integration_type == 'email' && $mailbox->is_outbound)
                                    <hr>
                                    <h6 class="mt-3 mb-3 text-primary"><i class="las la-paper-plane"></i> Email Outbound Configuration</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">SMTP Host <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->outbound_host ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">SMTP Port <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->outbound_port ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Outbound Protocol <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{ucfirst($mailbox->outbound_protocol ?? 'smtp')}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Outbound Encryption <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->outbound_encryption ?: 'None'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Outbound Username <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->outbound_username ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Outbound Validate Cert <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->outbound_validate_cert)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>
                                    @endif

                                    <!-- Common Outbound Settings -->
                                    @if($mailbox->is_outbound)
                                    <hr>
                                    <h6 class="mt-3 mb-3 text-info"><i class="las la-cog"></i> Outbound Settings</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">From Name <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->from_name ?? '--'}}</label>
                                    </div>

                                    @if($mailbox->integration_type == 'email')
                                    <div class="row">
                                       <label class="col-lg-4 items-label">From Email <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->from_email ?? '--'}}</label>
                                    </div>
                                    @endif

                                    @if($mailbox->integration_type == 'whatsapp')
                                    <div class="row">
                                       <label class="col-lg-4 items-label">From Phone <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->from_phone ?? '--'}}</label>
                                    </div>
                                    @endif

                                    @if($mailbox->reply_to_email)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Reply To Email <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->reply_to_email}}</label>
                                    </div>
                                    @endif

                                    @if($mailbox->reply_to_phone)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Reply To Phone <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->reply_to_phone}}</label>
                                    </div>
                                    @endif
                                    @endif

                                    <hr>
                                    <h6 class="mt-3 mb-3 text-info"><i class="las la-signature"></i> Signature Settings</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Signature <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->signature->name ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Attach Signature <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->attach_signature)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Signature Position <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{ucfirst(str_replace('_', ' ', $mailbox->signature_position ?? 'above_quote'))}}</label>
                                    </div>

                                    @if($mailbox->auto_reply_signature_id)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Auto Reply Signature <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->autoReplySignature->name ?? '--'}}</label>
                                    </div>
                                    @endif

                                    <hr>
                                    <h6 class="mt-3 mb-3 text-warning"><i class="las la-reply"></i> Auto Reply Settings</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Auto Reply Enabled <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->auto_reply_enabled)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    @if($mailbox->auto_reply_enabled)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Auto Reply Subject <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->auto_reply_subject ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Auto Reply Delay (mins) <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->auto_reply_delay ?? 0}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Send Once Per Sender <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->auto_reply_once_per_sender)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>
                                    @endif

                                    <hr>
                                    <h6 class="mt-3 mb-3 text-secondary"><i class="las la-cogs"></i> Advanced Settings</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Sync Interval (minutes) <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->sync_interval ?? '5'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Next Sync <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->next_sync_at)
                                               {{date('d-m-Y H:i', strtotime($mailbox->next_sync_at))}}
                                           @else
                                               --
                                           @endif
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Forwarding Enabled <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->forwarding_enabled)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    @if($mailbox->forward_to_emails)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Forward To Emails <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           <div class="forward-emails-list">
                                               @php
                                                   $emails = json_decode($mailbox->forward_to_emails, true);
                                                   if(is_array($emails)) {
                                                       foreach($emails as $email) {
                                                           echo '<span class="email-tag">' . e($email) . '</span>';
                                                       }
                                                   }
                                               @endphp
                                           </div>
                                       </label>
                                    </div>
                                    @endif

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Keep Original <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->keep_original)
                                               <span class="badge badge-success">Yes</span>
                                           @else
                                               <span class="badge badge-secondary">No</span>
                                           @endif
                                       </label>
                                    </div>

                                    <hr>
                                    <h6 class="mt-3 mb-3 text-dark"><i class="las la-chart-bar"></i> Statistics</h6>
                                    
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Error Count <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->error_count}}</label>
                                    </div>

                                    @if($mailbox->last_error)
                                    <div class="row">
                                       <label class="col-lg-4 items-label">Last Error <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8 text-danger">{{$mailbox->last_error}}</label>
                                    </div>
                                    @endif

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Last Sync <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">
                                           @if($mailbox->last_sync_at)
                                               {{date('d-m-Y H:i', strtotime($mailbox->last_sync_at))}}
                                           @else
                                               Never
                                           @endif
                                       </label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Messages Processed <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->messages_processed ?? 0}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Inbound Count <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->inbound_count ?? 0}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Outbound Count <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->outbound_count ?? 0}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Auto Reply Count <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->auto_reply_count ?? 0}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Last Message ID <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{$mailbox->last_message_id ?? '--'}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Created At <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{date('d-m-Y H:i', strtotime($mailbox->created_at))}}</label>
                                    </div>

                                    <div class="row">
                                       <label class="col-lg-4 items-label">Updated At <span class="dot-input01">:</span></label> 
                                       <label class="col-lg-8">{{date('d-m-Y H:i', strtotime($mailbox->updated_at))}}</label>
                                    </div>
                                 </div>
                                 @endif
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- az-tab-content -->
         </div>
      </div>
   </div>
</div>
@endsection
@push('scripts')
@can('mailbox.test')
<script> let mailbox_testroute ="{{route('masters.mailboxes.test')}}"; </script>
@endcan
@can('mailbox.sync')
<script> let mailbox_syncroute ="{{route('masters.mailboxes.sync')}}"; </script>
@endcan
@can('mailbox.edit')
<script> let mailbox_editroute ="{{route('masters.mailboxes.edit',crypt_encrypt($mailbox->id))}}"; </script>
<script> let mailbox_updateroute ="{{route('masters.mailboxes.update')}}"; </script>
@endcan
@can('mailbox.delete')
<script> let mailbox_deleteroute ="{{route('masters.mailboxes.destroy')}}"; </script>
@endcan
<script src="{{asset('modules/admin/mailboxes/js/filters.js')}}"></script>
<script>
$(document).ready(function() {
    // Test connection button - SweetAlert 1.x version
    // WhatsApp Test button
$('#whatsapp-test').on('click', function() {
    swal({
        title: "Test WhatsApp Connection?",
        text: "This will test the WhatsApp API connection.",
        icon: "info",
        buttons: {
            cancel: "Cancel",
            confirm: {
                text: "Test",
                value: true
            }
        }
    }).then((willTest) => {
        if (willTest) {
            // Show loading
            swal({
                title: "Testing WhatsApp Connection...",
                text: "Please wait while we test the WhatsApp connection",
                icon: "info",
                buttons: false,
                closeOnClickOutside: false
            });
            
            $.ajax({
                url: "{{ route('masters.mailboxes.test.whatsapp') }}",
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    id: '{{ crypt_encrypt($mailbox->id) }}'
                },
                success: function(response) {
                    if (response.status) {
                        swal({
                            title: "Success",
                            text: response.message,
                            icon: "success",
                            buttons: {
                                confirm: {
                                    text: "OK",
                                    value: true
                                }
                            }
                        });
                    } else {
                        swal({
                            title: "Failed",
                            text: response.message || response.error,
                            icon: "error",
                            buttons: {
                                confirm: {
                                    text: "OK",
                                    value: true
                                }
                            }
                        });
                    }
                },
                error: function(xhr) {
                    swal({
                        title: "Error",
                        text: xhr.responseJSON?.message || 'Something went wrong!',
                        icon: "error",
                        buttons: {
                            confirm: {
                                text: "OK",
                                value: true
                            }
                        }
                    });
                }
            });
        }
    });
});

     $('.btn-edit-mailbox').on('click', function() {
        
        // Show loading
        swal({
            title: "Loading...",
            text: "Please wait while we load mailbox details",
            icon: "info",
            buttons: false,
            closeOnClickOutside: false
        });
        
        // Fetch mailbox data via AJAX
        $.ajax({
            url: mailbox_editroute,
            type: 'GET',
            data: {
                _token: '{{ csrf_token() }}',
            },
            success: function(response) {
                swal.close();
                
                if (response.status && response.data) {
                    var mailbox = response.data;
                    
                    // Populate form fields
                    $('#edit_mailbox_id').val(mailbox.id);
                    $('#edit_name').val(mailbox.name || '');
                    $('#edit_ticket_source_id').val(mailbox.ticket_source_id || '');
                    $('#edit_username').val(mailbox.username || '');
                    $('#edit_queue_id').val(mailbox.queue_id || '');
                    $('#edit_status').val(mailbox.status || 0);
                    
                    // Inbound settings
                    $('#edit_is_inbound').val(mailbox.is_inbound ? 1 : 0);
                    $('#edit_host').val(mailbox.host || '');
                    $('#edit_port').val(mailbox.port || '');
                    $('#edit_protocol').val(mailbox.protocol || '');
                    $('#edit_encryption').val(mailbox.encryption || '');
                    $('#edit_sync_interval').val(mailbox.sync_interval || 5);
                    
                    // Outbound settings
                    $('#edit_is_outbound').val(mailbox.is_outbound ? 1 : 0);
                    $('#edit_outbound_host').val(mailbox.outbound_host || '');
                    $('#edit_outbound_port').val(mailbox.outbound_port || '');
                    $('#edit_outbound_encryption').val(mailbox.outbound_encryption || '');
                    $('#edit_outbound_username').val(mailbox.outbound_username || '');
                    
                    // Additional settings
                    $('#edit_signature_id').val(mailbox.signature_id || '');
                    $('#edit_auto_reply_signature_id').val(mailbox.auto_reply_signature_id || '');
                    $('#edit_is_auto_reply').val(mailbox.is_auto_reply ? 1 : 0);
                    $('#edit_delete_after_fetch').val(mailbox.delete_after_fetch ? 1 : 0);
                    
                    // Forward emails
                    if (mailbox.forward_to_emails_text) {
                        $('#edit_forward_to_emails_text').val(mailbox.forward_to_emails_text);
                    } else if (mailbox.forward_to_emails) {
                        try {
                            var emails = JSON.parse(mailbox.forward_to_emails);
                            if (Array.isArray(emails)) {
                                $('#edit_forward_to_emails_text').val(emails.join(', '));
                            }
                        } catch(e) {
                            // If not valid JSON, use as-is
                            $('#edit_forward_to_emails_text').val(mailbox.forward_to_emails);
                        }
                    }
                    
                    // Show modal
                    $('#editMailBoxModal').modal('show');
                    
                } else {
                    swal({
                        title: "Error",
                        text: response.message || "Failed to load mailbox details",
                        icon: "error",
                        buttons: {
                            confirm: {
                                text: "OK",
                                value: true
                            }
                        }
                    });
                }
            },
            error: function(xhr) {
                swal({
                    title: "Error",
                    text: xhr.responseJSON?.message || "Failed to load mailbox details",
                    icon: "error",
                    buttons: {
                        confirm: {
                            text: "OK",
                            value: true
                        }
                    }
                });
            }
        });
    });
    
    // Edit form submission
    $('#editMailBoxForm').on('submit', function(e) {
        e.preventDefault();
        
        // Confirm update
        swal({
            title: "Update Mailbox?",
            text: "Are you sure you want to update this mailbox?",
            icon: "warning",
            buttons: {
                cancel: {
                    text: "Cancel",
                    value: null,
                    visible: true
                },
                confirm: {
                    text: "Update",
                    value: true
                }
            }
        }).then((willUpdate) => {
            if (willUpdate) {
                // Show loading
                swal({
                    title: "Updating...",
                    text: "Please wait while we update the mailbox",
                    icon: "info",
                    buttons: false,
                    closeOnClickOutside: false
                });
                
                $.ajax({
                    url: mailbox_updateroute,
                    type: 'POST',
                    data: $(this).serialize(),
                    success: function(response) {
                        if (response.status) {
                            swal({
                                title: "Success",
                                text: response.message,
                                icon: "success",
                                buttons: {
                                    confirm: {
                                        text: "OK",
                                        value: true
                                    }
                                }
                            }).then(() => {
                                $('#editMailBoxModal').modal('hide');
                                location.reload(); // Reload page to show updated data
                            });
                        } else {
                            swal({
                                title: "Error",
                                text: response.message || "Update failed",
                                icon: "error",
                                buttons: {
                                    confirm: {
                                        text: "OK",
                                        value: true
                                    }
                                }
                            });
                        }
                    },
                    error: function(xhr) {
                        var errorMsg = xhr.responseJSON?.message || "Failed to update mailbox";
                        swal({
                            title: "Error",
                            text: errorMsg,
                            icon: "error",
                            buttons: {
                                confirm: {
                                    text: "OK",
                                    value: true
                                }
                            }
                        });
                    }
                });
            }
        });
    });
    $('#mailbox-test').on('click', function() {
        swal({
            title: "Test Connection?",
            text: "This will test the inbound and outbound connections.",
            icon: "info",
            buttons: {
                cancel: "Cancel",
                confirm: {
                    text: "Test",
                    value: true
                }
            }
        }).then((willTest) => {
            if (willTest) {
                // Show loading
                swal({
                    title: "Testing Connection...",
                    text: "Please wait while we test the connection",
                    icon: "info",
                    buttons: false,
                    closeOnClickOutside: false
                });
                
                $.ajax({
                    url: mailbox_testroute,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        id: '{{ crypt_encrypt($mailbox->id) }}'
                    },
                    success: function(response) {
                        if (response.status) {
                            swal({
                                title: "Success",
                                text: response.message,
                                icon: "success",
                                buttons: {
                                    confirm: {
                                        text: "OK",
                                        value: true
                                    }
                                }
                            });
                        } else {
                            swal({
                                title: "Failed",
                                text: response.message || response.error,
                                icon: "error",
                                buttons: {
                                    confirm: {
                                        text: "OK",
                                        value: true
                                    }
                                }
                            });
                        }
                    },
                    error: function(xhr) {
                        swal({
                            title: "Error",
                            text: xhr.responseJSON?.message || 'Something went wrong!',
                            icon: "error",
                            buttons: {
                                confirm: {
                                    text: "OK",
                                    value: true
                                }
                            }
                        });
                    }
                });
            }
        });
    });

    // Sync Now button - SweetAlert 1.x version
    $('#mailbox-sync').on('click', function() {
        swal({
            title: "Sync Mailbox Now?",
            text: "This will fetch and process emails immediately. This may take several minutes.",
            icon: "warning",
            buttons: {
                cancel: "Cancel",
                confirm: {
                    text: "Sync Now",
                    value: true
                }
            }
        }).then((willSync) => {
            if (willSync) {
                // Show loading
                swal({
                    title: "Syncing Mailbox...",
                    text: "Please wait while we fetch emails",
                    icon: "info",
                    buttons: false,
                    closeOnClickOutside: false
                });
                
                $.ajax({
                    url: mailbox_syncroute,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        id: '{{ crypt_encrypt($mailbox->id) }}'
                    },
                    success: function(response) {
                        if (response.status) {
                            let message = response.message;
                            let details = '';
                            
                            if (response.emails_fetched !== undefined) {
                                details += '\nEmails Fetched: ' + response.emails_fetched;
                            }
                            if (response.tickets_created !== undefined) {
                                details += '\nTickets Created: ' + response.tickets_created;
                            }
                            if (response.emails_processed !== undefined) {
                                details += '\nEmails Processed: ' + response.emails_processed;
                            }
                            
                            swal({
                                title: "Sync Complete",
                                text: message + details,
                                icon: "success",
                                buttons: {
                                    confirm: {
                                        text: "OK",
                                        value: true
                                    }
                                }
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            swal({
                                title: "Sync Failed",
                                text: response.message || 'Failed to sync mailbox',
                                icon: "error",
                                buttons: {
                                    confirm: {
                                        text: "OK",
                                        value: true
                                    }
                                }
                            });
                        }
                    },
                    error: function(xhr) {
                        swal({
                            title: "Error",
                            text: xhr.responseJSON?.message || 'Something went wrong during sync!',
                            icon: "error",
                            buttons: {
                                confirm: {
                                    text: "OK",
                                    value: true
                                }
                            }
                        });
                    }
                });
            }
        });
    });

    // Delete button - SweetAlert 1.x version
    $('#submit-delete-form').on('click', function() {
        swal({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: "warning",
            buttons: {
                cancel: "Cancel",
                confirm: {
                    text: "Delete",
                    value: true
                }
            }
        }).then((willDelete) => {
            if (willDelete) {
                $('#delete-form').submit();
            }
        });
    });
});
</script>
@endpush