@extends('layouts.admin')
@section('meta')
    <title>{{trans('home.details').' | '.$company->name}}</title>
@endsection
@section('style')
    <style>
        .select2-container {
            z-index: 1050 !important; /* Make sure it's higher than the modal (default is 1050) */
        }
        
        .select2-dropdown {
            z-index: 1051 !important; /* Ensure the dropdown appears above the modal */
        }
    </style>
@endsection
@section('content')
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="page-header">
            <div>
                <h2 class="main-content-title tx-24 mg-b-5">{{trans('home.details').' | '.$company->name}}</h2>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('admin/crm/companies')}}">{{trans('home.companies')}}</a></li>
                </ol>
            </div>
        </div>
        <!-- End Page Header -->
        


        <!-- Row-->
        <div class="row">
            <div class="col-sm-12 col-xl-12 col-lg-12">
                
                        <div class="row">
                            
                            <div class="col-lg-12 mb-3">
                                <div class="card custom-card">
                                    <div class='card-body crmHead'>
                                        <h3 class="mb-4">
                                            {{$company->name}}
                                        </h3>
                                       
                                        <p class="crmP">    <span class='crmSpan'>  نوع الشركه :   </span>       {{__('home.'.$company->company_data?->category)}}</p>
                                        <p class="crmP"> <span class='crmSpan'> {{trans('home.phone')}} : </span>  {{$company->phone}}</p>
                                        @if($company->whatsapp)
                                        <p class="crmP"> <span class='crmSpan'> {{trans('home.whatsapp')}} : </span>  {{$company->whatsapp??'-'}}</p>
                                        @endif
                                        <p class="crmP"> <span class='crmSpan'> {{trans('home.come_from')}} :  </span> {{$company->source?->{'name_'.$lang} }}</p>
                                        <p class="crmP">  <span class='crmSpan'> {{trans('home.responsible_employee')}} :  </span>   {{$company->responsible_employee? $company->responsible_employee?->user?->name() :'-' }}</p>
                                        <p class="crmP">  <span class='crmSpan'> {{trans('home.responsible_contact_person')}} :  </span>   {{$company->company_data? $company->company_data->responsible_contact_person:'-'  }}</p>
                                        <p class="crmP">  <span class='crmSpan'> وظيفة المسؤول   :   </span> {{$company->company_data? $company->company_data->job:'-'  }}</p>
                                        <div class="d-flex gap-2 justify-content-center">
                                            <a href="{{url('admin/crm/companies/'.$company->id.'/edit')}}" class="btn btn-primary crmEditBtn text-white">
                                                 {{ trans('home.edit') }}
                                            </a>
                                           
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            
                            
                            <div class='col-lg-12'>
                                <ul class="nav nav-tabs d-flex justify-content-center crmTabs mb-3" id="myTab" role="tablist">
                                  <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="true">
                                         متدربين الشركة   
                                    </button>
                                  </li>
                                  <li class="nav-item" role="presentation">
                                    <button class="nav-link " id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="false">
                                        @lang('home.financial')
                                        </button>
                                  </li>
                                  <li class="nav-item" role="presentation">
                                    <button class="nav-link " id="financial_table-tab" data-bs-toggle="tab" data-bs-target="#financial_table" type="button" role="tab" aria-controls="financial_table" aria-selected="false">
                                        جدول الماليات
                                        </button>
                                  </li>
                                  <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
                                        @lang('home.activity')
                                    </button>
                                  </li>
                                
                                </ul>
                                
                                
                                
                                
                                <div class=' '>
                                <div class='card-body'>
                                    
                                    <div class="tab-content" id="myTabContent">
                                        
                                        <div class="tab-pane fade show active" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                            
                                            
                                            <a href="{{url('admin/crm/add-company-client/'.$company->id)}}" class="btn btn-primary text-white mb-4">     اضافة متدرب للشركة</a>
                                            <form class="row" action="{{ route('crm_client_comapny.upload',$company->id) }}" method="POST" enctype="multipart/form-data">
                                                @csrf
                                                <div class="custom-file col-md-6 mb-3">
                                                    <input type="file" class="file" id="inputGroupFile01" name="clients_file">
                                                    <label class="custom-file-label" for="inputGroupFile01">{{trans('home.add_client_excel')}}</label>
                                                </div>
                                                <div class="col-md-6 mb-3">
                                                    <button type="submit" class="btn ripple btn-primary mb-2"><i class="fas fa-plus-circle"></i>
                                                        {{trans('home.add_client_excel')}}
                                                    </button>
                                                </div>
                                            </form>

                                    <div class="table-responsive">
                                        <table class="table" id="exportexample">
                                            <thead>
                                                <tr>
                                                    <th><input type="checkbox" id="checkAll"/></th>
                                                    <th>{{trans('home.id')}}</th>
                                                    <th>{{trans('home.name')}}</th>
                                                    <th>{{trans('home.phone')}}</th>
                                                    <th>{{trans('home.ssn')}}</th>
                                                    <th>{{trans('home.email')}}</th>
                                                    <th>{{trans('home.area')}}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($company->clients as $client)
                                                    <tr id="{{$client->id}}">
                                                        <td> <input type="checkbox" name="checkbox"  class="tableChecked" value="{{$client->id}}" /> </td>
                                                        <td><a href="{{url('admin/crm/clients/'.$client->id)}}"> {{$client->id}}</a> </td>
                                                        <td><a href="{{url('admin/crm/clients/'.$client->id)}}"> {{$client->name}}</a> </td>
                                                        <td><a href="{{url('admin/crm/clients/'.$client->id)}}"> {{$client->phone}}</a> </td>
                                                        <td><a href="{{url('admin/crm/clients/'.$client->id)}}"> {{$client->ssn}}</a> </td>
                                                        <td><a href="{{url('admin/crm/clients/'.$client->id)}}"> {{$client->email}}</a> </td>
                                                        <td><a href="{{url('admin/crm/clients/'.$client->id)}}"> {{$client->area?->{'name_'.$lang} }}</a> </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                					</div>
                                        
                                        
                                    </div>
                                    
                                    <div class="tab-pane fade " id="home" role="tabpanel" aria-labelledby="home-tab">
                                        
                                        <div class="d-flex justify-content-end mb-4">
                                            <a href="javascript:void(0)" data-bs-toggle="modal" 
                                                    data-bs-target="#add_new_payment_modal" data-client_training_id="{{$company->id}}"  
                                                    class="add_new_payment btn btn-primary text-white">
                                                 {{ trans('home.add_new_payment') }}
                                            </a>
                                        </div>
                                        
                                        <div class="row">
                                            @foreach($company->invoices as $invoice)
                                              
                                              <div class='col-md-6 mb-3'>
                                                  <div class='timeCrm'>
                                                      <span> {{__('home.'.$invoice->invoice_status).' | من نوع '.__('home.'.$invoice->invoice_type)}} </span>
                                                  </div>
                                                    <div class="crmCard">
                                                        <h3 class='mb-4'> {{'رقم الفاتورة' .' : '. $invoice->invoice_number }}  </h3>
                                                        
                                                     
                                                         
                                                      @if($invoice->crm_company_tranining?->training)
                                                        <p class='crmP'>
                                                          <span class='crmSpan'>  {{  __('home.training') }}  :</span>  {{$invoice->crm_company_tranining?->training->{'name_'.$lang}  }}
                                                        </p>
                                                        
                                                        <p class='crmP'>
                                                            <span class="crmSpan text-nowrap ml-2"> كود الموعد التدريبى  </span>  {{$invoice->crm_company_tranining->training?->code}}</p>
                                                        @endif
                                                       
                                                            <p class='crmP'>
                                                                <span class='crmSpan'>  {{ __('home.price') }}  :</span>
                                                                {{  $invoice->invoice_value.' '.__('home.SAR')}}
                                                            </p>
                                                            @if($invoice->discount)
                                                                <p class='crmP'>
                                                                       <span class='crmSpan'>  {{  __('home.discount')  }}  :</span>   
                                                                         <span class="text-decoration-line-through">
                                                                             {{$invoice->discount}}
                                                                         </span>
                                                                </p>
                                                            @endif
                                                             
                                                                 
                                                                <p class='crmP'>
                                                                    <span class='crmSpan'>  تم تحصيل   :</span>   
                                                                    {{  $invoice->items->sum('amount') . ' ' . __('home.SAR') }}
                                                                </p>
                                                                
                                                            
                                                            @if($invoice->training_number)
                                                                 
                                                                <p class='crmP'>
                                                                     <span class='crmSpan'>  رقم التدريب  :</span>   
                                                                    {{     $invoice->training_number }}
                                                                </p>
                                                                   
                                                            @endif
                                                            @if($invoice->invoice_status=="collected")
                                                                <p class='crmP'>
                                                                     <span class='crmSpan'>  المتدربين   :</span>   
                                                                    <a href="{{route('company.invoice.students',$invoice->id)}}" class="btn btn-primary text-white">
                                                                        {{count($invoice->sub_invoices).' متدرب'}}
                                                                    </a>
                                                                </p>
                                                            @endif
                                                                   
                                                            
                                                            <div class='d-flex justify-content-center gap-2 align-items-center mb-4'>
                                                                
                                                                    @if($invoice->invoice_status!="collected")
                                                                        <a href="javascript:void(0)" data-invoice_id="{{$invoice->id}}" data-invoice_number="{{$invoice->invoice_number}}"
                                                                        class="add_invoice_item btn btn-primary text-white">
                                                                             اضافة عملية جديدة
                                                                        </a>
                                                                    @endif
                                                                @can('crm-discount-invoice')
                                                                   
                                                                     <a class="btn btn-info" 
                                                                        data-bs-toggle="modal" 
                                                                        data-bs-target="#edit_discount_{{$invoice->id}}"
                                                                        href="{{ route('delete_invoice',$invoice->id) }}" data-id="{{ $invoice->id }}">
                                                                       تعديل الخصم
                                                                    </a>
                                                                    <a class="btn btn-success" 
                                                                        href="{{ url('admin/crm/invoice/'.$invoice->id) }}" >
                                                                            {{trans('home.generate_invoice')}}
                                                                    </a>
                                                                    
                                                                             <!--modal add-meeting-result app-->
                                                                    <div class="modal fade" id="edit_discount_{{$invoice->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                      <div class="modal-dialog" role="document">
                                                                        <form method="post" action="{{route('edit_discount',$invoice->id) }}" >
                                                                            @csrf
                                                                            <div class="modal-content">
                                                                                <div class="modal-header">
                                                                                    <h5 class="modal-title" id="exampleModalLabel"> تعديل الخصم  </h5>
                                                                                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                                                                                      <span aria-hidden="true">&times;</span>
                                                                                    </button>
                                                                                </div>
                                                                                <div class="modal-body">
                                                                                    <div class="form-group col-lg-8 m-auto">
                                                                                        <label for="discount" class="col-form-label"> قيمة الخصم :</label>
                                                                                        <input class="form-control" type="text" value="{{$invoice->discount}}"  name="discount"  required>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="modal-footer">
                                                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">@lang('home.cancel')</button>
                                                                                    <button type="submit" class="btn btn-primary">@lang('home.save') </button>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                      </div>
                                                                    </div>
                                                                @endcan
                                                                
                                                                @can('crm-delete-invoice')
                                                                    <a class="btn_delete  btn text-danger" href="{{ route('delete_invoice',$invoice->id) }}" data-id="{{ $invoice->id }}" 
                                                                    data-bs-toggle="tooltip" data-bs-placement="top" title="     حذف الفاتورة ">
                                                                      
                                                                       <i class='fas fa-trash'></i>
                                                                    </a>
                                                                @endcan
                                                                
                                                            </div>
                                                            
                                                            
                                                            
                                                            
                                                            <table class="table">
                                                                <thead>
                                                                    <tr>
                                                                        <th>رقم العملية</th>
                                                                        <th>{{trans('home.amount')}}</th>
                                                                        <th>{{trans('home.details')}}</th>
                                                                        <th>طريقة الدفع</th>
                                                                        @if($company->company_data->category=="maharat")
                                                                         <th>تقرير الحضور النهائى</th>
                                                                         @else
                                                                         <th>ملف تحويل السداد</th>
                                                                         
                                                                         @endif
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @forelse($invoice->items as $item)
                                                                        <tr data-id="{{$item->id}}" data-type="{{$item->type}}" data-amount="{{$item->amount}}" data-invoice-url="">
                                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}">{{$item->invoice_code}}</a></td>
                                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}">{{$item->amount}}</a></td>
                                                                            <td><a class="btnCrm" href="{{ url('admin/crm/invoice/'.$invoice->id) }}">{{trans('home.details')}}</a></td>
                                                                            <td class="text-nowrap">{{$item->paymentMethod?->name}}</td>
                                                                            <td class="row">
                                                                                @if($item->tax_invoice_file)
                                                                                    <a class="btnCrm" target="_blank" 
                                                                                        href="{{ Helper::uploadedFilesPath('invoices',$item->tax_invoice_file) }}">
                                                                                        <i class="fe fe-file"></i>
                                                                                    </a>
                                                                                    <form class="" 
                                                                                        method="POST" 
                                                                                        action="{{route('save_tax_invoice',$item->id)}}" 
                                                                                        enctype="multipart/form-data">
                                                                                        @csrf
                                                                                        <input class="form-control" type="file" name="tax_invoice_file" required>
                                                                                        <button type="submit" class="btnCrm">@lang('home.update')</button>
                                                                                    </form>
                                                                                @else
                                                                                    <form class="d-flex"  
                                                                                        method="POST" action="{{route('save_tax_invoice',$item->id)}}" enctype="multipart/form-data">
                                                                                        @csrf
                                                                                        <input class="form-control" style='max-width: 93px; height: 34px;' type="file" name="tax_invoice_file" required>
                                                                                        <button type="submit" class="btnCrm" data-bs-toggle="tooltip" data-bs-placement="top" title="  {{__('home.save')}}   " ><i class="fal fa-check"></i> </button>
                                                                                    </form>
                                                                                @endif
                                                                            </td>
                                                                        </tr>
                                                                    @empty
                                                                        <tr>
                                                                            <td> -</td>
                                                                            <td> -</td>
                                                                            <td> -</td>
                                                                        </tr>
                                                                    @endforelse
                                                                </tbody>
                                                            </table>
                                                            
                                                            
                                                             <!--add_invoice_item -->
                                                            <div class="modal fade" id="paymentModal" tabindex="-1" aria-labelledby="paymentModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog">
                                                                    <form  action="{{route('invoice_store')}}" method="POST" enctype="multipart/form-data">
                                                                        @csrf
                                                                        <input type="hidden" name="invoice_id" id="invoice_id" >
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <h5 class="modal-title">#رقم العملية</h5>
                                                                                <h5 class="modal-title mx-2" id="paymentModalLabel"></h5>
                                                                                <button type="button" class="btn-close me-auto ms-0" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                            </div>
                                                                            <div class="modal-body row">
                                                                                <h3 class="mb-5">اضافة عملية جديدة</h3>
                                                                                <div class="form-group col-lg-12 ">
                                                                                    <label for="invoice_number" class="col-form-label">رقم العملية:</label>
                                                                                    <input class="form-control" type="number"   name="invoice_number"  required>
                                                                                </div>
                                                                                <div class="form-group mb-3">
                                                                                    <label for="parent">طريقة الدفع</label>
                                                                                    <select class="form-control select2" name="payment_method_id">
                                                                                        @foreach($payment_methods as $payment_method)
                                                                                            <option value="{{$payment_method->id}}">{{$payment_method->name}}</option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </div>
                                                                                <div class="form-group col-lg-12 ">
                                                                                    <label for="amount" class="col-form-label">@lang('home.amount'):</label>
                                                                                    <input class="form-control" type="text"   name="amount"  required>
                                                                                </div>
                                                                                <div class="form-group col-lg-12" id="invoice_file">
                                                                                    <label for="invoice_file" class="col-form-label">
                                                                                     @if($company->company_data->category=="maharat")
                                                                                        خطاب الترشيح
                                                                                     @else
                                                                                         ملف الفاتورة
                                                                                     @endif
                                                                                 :</label>
                                                                                    <input class="form-control" type="file" name="invoice_file" required>
                                                                                </div>
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                                <button type="submit" class="btn btn-primary" >{{ trans('home.save') }}</button>
                                                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ trans('home.close') }}</button>
                                                                            </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                    				 
                                                           
                                                                          
                                                    </div>
                                              </div>
                                            @endforeach
                                        </div>
                                        
                                    </div>
                                    <!--financial_table-->
                                    <div class="tab-pane fade " id="financial_table" role="tabpanel" aria-labelledby="financial_table-tab">
                                        
                                        <div class="d-flex justify-content-end mb-4">
                                            <a href="javascript:void(0)" data-bs-toggle="modal" 
                                                    data-bs-target="#add_new_payment_modal" data-client_training_id="{{$company->id}}"  
                                                    class="add_new_payment btn btn-primary text-white">
                                                 {{ trans('home.add_new_payment') }}
                                            </a>
                                        </div>
                                        
                                        <div class="row">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>رقم الفاتورة</th>
                                                        <th>حالة الفاتورة</th>
                                                        <th>{{trans('home.training')}}</th>
                                                        <th>كود الموعد التدريبى</th>
                                                        <th>السعر</th>
                                                        <th>تم التحصيل</th>
                                                        <th>عدد المتدربين</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse($company->invoices as $invoice)
                                                        <tr>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}">{{$invoice->invoice_number}}</a></td>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}"> {{__('home.'.$invoice->invoice_status).' | من نوع '.__('home.'.$invoice->invoice_type)}} </a></td>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}"> 
                                                                {{$invoice->crm_company_tranining?->training->{'name_'.$lang}  }}
                                                                </a></td>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}"> 
                                                                {{$invoice->crm_company_tranining->training?->code}}
                                                                </a></td>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}"> 
                                                                 {{  ($invoice->invoice_value-$invoice->discount).' '.__('home.SAR')}}
                                                                </a></td>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}"> 
                                                                 {{  $invoice->items->sum('amount') . ' ' . __('home.SAR') }}
                                                                </a></td>
                                                            <td><a href="{{ url('admin/crm/invoice/'.$invoice->id) }}"> 
                                                                 {{count($invoice->sub_invoices).' متدرب'}}
                                                                </a></td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td> -</td>
                                                            <td> -</td>
                                                            <td> -</td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                        <div class="d-flex flex-wrap gap-2 justify-content-center mb-5">
                                            <a href="javascript:void(0)" data-bs-toggle="modal" 
                                                data-bs-target="#send_call_modal" class="send_call btn btn-primary text-white">
                                             <i class="fe fe-plus mx-2"></i>
                                             {{ trans('home.send_call') }}
                                            </a>
                                            {{--
                                            <a href="javascript:void(0)" data-bs-toggle="modal" 
                                                    data-bs-target="#send_sms_modal" class="send_sms btn btn-primary text-white">
                                                 <i class="fe fe-plus mx-2"></i>
                                                 {{ trans('home.send_sms') }}
                                            </a>
                                            <a href="javascript:void(0)"  data-bs-toggle="modal" 
                                                    data-bs-target="#send_whatsapp_modal" class="btn btn-primary text-white">
                                                 <i class="fe fe-plus mx-2"></i>
                                                 {{ trans('home.send_whatsapp') }}
                                            </a>
                                            --}}
                                            <a href="javascript:void(0)" data-bs-toggle="modal" 
                                                    data-bs-target="#send_email_modal" class="btn btn-primary text-white">
                                                 <i class="fe fe-plus mx-2"></i>
                                                 {{ trans('home.send_email') }}
                                            </a>
                                            <a href="javascript:void(0)"  data-bs-toggle="modal" 
                                                    data-bs-target="#add_meating_modal" class="btn btn-primary text-white">
                                                 <i class="fe fe-plus mx-2"></i>
                                                 اضافة اجتماع
                                            </a>
                                            <a href="javascript:void(0)"   data-bs-toggle="modal" 
                                                    data-bs-target="#add_task_modal"  class="btn btn-primary text-white">
                                                 <i class="fe fe-plus mx-2"></i>
                                                 {{ trans('home.add_task') }}
                                            </a>
                                        </div>
                                        
                                        <div class="row gap-2 justify-content-center mb-3">
                                        
                                    </div>
                                    <div class="row">
                                        @forelse($company->messages as $message)
                                        @if($message->type=="meeting")
                                            <div class="mb-3 col-lg-4 col-md-6">
                                                <div class="d-flex gab-3 timeCrm">
                                                                <span>{{$message->created_at->translatedFormat('d F Y ', $lang)}}</span>
                                                                <span>{{$message->created_at->format('h:i A')}}</span>
                                                </div>
                                           
                                                <div class="crmCard">
                                                        <span class=" px-2 py-1">{{$message->meeting->title}}</span>
                                                        <p>{{__('home.note').' : '.$message->meeting->note}}</p>
                                                        
                                                        <div class="row gap-2 m-2 align-items-center">
                                                            <span class="border border-secondary px-3 py-1 ">
                                                                {{Carbon\Carbon::parse($message->meeting->date)->translatedFormat('d F Y ', $lang)}}
                                                            </span>
                                                            <span class="border border-secondary px-3 py-1 ">
                                                               {{  date('h:i A', strtotime($message->meeting->start_date)) .' : '. date('h:i A', strtotime($message->meeting->end_date)) }}
                                                            </span>
                                                            @if($message->meeting->result)
                                                                <span class="border border-secondary px-3 py-1 ">
                                                                    <span class="row">
                                                                        <span class="bg-secondary text-white rounded py-1">@lang('home.meeting_result')</span>
                                                                       <span>
                                                                        {{  $message->meeting->result }}
                                                                       </span>
                                                                    </span>
                                                                </span>
                                                            @endif
                                                            
                                                            @if($message->meeting->meeting_type=="client_site")
                                                                <a target="_blank" href="{{$message->meeting->location}}" class="mt-2">
                                                                    <span class="bg-secondary rounded text-white px-2 py-1 mb-2">{{__('home.'.$message->meeting->meeting_type)}}</span>
                                                                </a>
                                                                <span class="bg-secondary rounded text-white px-2 py-1 mt-2">
                                                                    {{$message->meeting->address}}
                                                                </span>
                                                            @elseif($message->meeting->meeting_type=="online")
                                                                <a target="_blank" href="{{$message->meeting->zoom_link}}" class="mt-2">
                                                                    <span class="bg-secondary rounded text-white px-2 py-1 mb-2">{{__('home.'.$message->meeting->meeting_type)}}</span>
                                                                </a>
                                                                 <span class="border border-secondary px-3 py-1  mt-2">
                                                                    {{$message->meeting->zoom_link}}
                                                                </span>
                                                            @endif
                                                            
                                                            
                                                             <span class="border border-secondary text-dark rounded px-3">{{__('home.meeting')}}</span>
                                                             
                                                            
                                                             <span class="border border-secondary text-dark rounded px-3">{{__('home.'.$message->meeting->status)}}</span>
                                                             <a href="javascript:void(0)" data-id="{{$message->id}}"  class="btn text-danger delete-btn">
                                                                 
                                                                 <i class="fas fa-trash" aria-hidden="true"></i>
                                                            </a>
                                                            @if(!$message->meeting->result)
                                                                <a href="javascript:void(0)" data-meeting_id="{{$message->meeting->id}}"
                                                                    data-bs-toggle="modal" 
                                                                    data-bs-target="#add_meeting_result"
                                                                    class="btn btn-success text-white add-meeting-result">
                                                                    @lang('home.add_new_result')
                                                                </a>
                                                            @endif
                                                        </div>
                                                        
                                                    
                                                    </div>
                                         
                                            </div>
                                        @elseif($message->type=="task")
                                            <div class="mb-3 col-lg-4 col-md-6">
                                                <div class="d-flex gab-3 timeCrm">
                                                        <span>{{$message->created_at->translatedFormat('d F Y ', $lang)}}</span>
                                                        <span>{{$message->created_at->format('h:i A')}}</span>
                                                </div>
                                                    <div class="crmCard">
                                                    
                                                        <div class="row gap-2 m-2 align-items-center">
                                                            <p>{{$message->task->note}}</p>
                                                            <span class="bg-secondary rounded text-white px-2 py-1">{{$message->task->task_type}}</span>
                                                             <span class="border border-secondary text-dark rounded px-3">{{__('home.task_type').': '.__('home.'.$message->type)}}</span>
                                                          
                                                             <span class="border border-secondary text-dark rounded px-3">{{__('home.'.$message->task->priority)}}</span>
                                                             <a href="javascript:void(0)" data-id={{$message->id}}  class="btn text-danger delete-btn">
                                                                  <i class="fas fa-trash" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                        
                                                   
                                                      
                                                    </div>
                                                </div>
                                        @elseif($message->type=="call")
                                            <div class="mb-3 col-lg-4 col-md-6">
                                                <div class="d-flex gab-3 timeCrm">
                                                                <span>{{$message->created_at->translatedFormat('d F Y ', $lang)}}</span>
                                                                <span>{{$message->created_at->format('h:i A')}}</span>
                                                </div>
                                                  
                                                 <div class="crmCard">
                                                    <div class="row gap-2 m-2 align-items-center">
                                                            <p>{{$message->message}}</p>
                                                            <span class="bg-secondary rounded text-white px-2 py-1">
                                                                {{$message->call_object}}
                                                            </span>
                                                            <span class="border border-secondary rounded  px-2 py-1">
                                                                {{$message->result}}
                                                            </span>
                                                            
                                                            <span class="border border-secondary text-dark rounded px-3">{{__('home.'.$message->type)}}</span>
                                             
                                                            
                                                            @if($message->type!="call")
                                                                <span class="border border-secondary text-dark rounded px-3">{{$message->sent=="sent"?__('home.sent'):__('home.saved')}}</span>
                                                             @endif
                                                    </div>
                                                </div>
                                             
                                                    
                                            </div>
                                        @else
                                            <div class="mb-3 col-lg-4 col-md-6">
                                                 <div class="d-flex gab-3 timeCrm">
                                                                <span>{{$message->created_at->translatedFormat('d F Y ', $lang)}}</span>
                                                                <span>{{$message->created_at->format('h:i A')}}</span>
                                                  </div>
                                                    
                                                       
                                                  <div class="crmCard">
                                                            <div class="row gap-2 m-2 align-items-center">
                                                                <p>{{$message->message}}</p>
                                                                @if($message->type=="email")
                                                                    <span class="bg-secondary rounded text-white px-2 py-1">{{$company->email}}</span>
                                                                @else
                                                                    <span class="bg-secondary rounded text-white px-2 py-1">{{$message->sent_to}}</span>
                                                                @endif
                                                                 <span class="border border-secondary text-dark rounded px-3">{{__('home.'.$message->type)}}</span>
                                                              
                                                                
                                                                @if($message->type!="call")
                                                                    <span class="border border-secondary text-dark rounded px-3">{{$message->sent=="sent"?__('home.sent'):__('home.saved')}}</span>
                                                                 @endif
                                                            </div>
                                                        </div>
                                            
                                                    
                                                    
                                                </div>
                                        @endif
                                        
                                        @empty
                                        <div class="card custom-card text-center">
                                            <div class="card-body">
                                                <p>0 @lang('home.messages')</p>
                                            </div>
                                        </div>
                                        @endforelse
                                    </div>
                                        
                                        
                                    </div>
                                
                                </div>
                            </div>
                        </div>  
                    </div>
                </div>                                
            </div>
        </div>
    </div>
    
    
    
    
    
    
<!--//////////////////////////////-->
<!--//////////////////////////////-->
         <!--  modals  -->
<!--//////////////////////////////-->
<!--//////////////////////////////-->

      <!--modal sms app-->
    <div class="modal fade" id="send_sms_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <form method="post" action="{{url('admin/crm/clients/'.$company->id.'/send_sms') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang('home.send_sms')</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body">
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">@lang('home.message'):</label>
                        <textarea class="form-control" rows="4" name="message" id="message-text" required></textarea>
                    </div>
                    <input type="hidden" name="type" value="sms">
                   <div class="form-group col-md-6 m-auto">
                        <label for="parent">{{trans('home.phone')}}</label>
                        <select class="form-control select2" name="phone">
                            <option value="{{$company->phone}}">{{$company->phone }}</option>
                            @if($company->phone2)<option value="{{$company->phone2}}">{{$company->phone2 }}</option>@endif
                        </select>
                    </div>
        
                   <div class="form-group col-md-12 mt-3 d-flex justify-content-center">
                           <div class="form-check">
                              <input class="form-check-input" type="radio" name="send_to_client" value="1" id="sendToClient" required>
                              <label class="form-check-label mr-4" for="sendToClient">
                                {{trans('home.send_to_client')}}
                              </label>
                            </div>
                            
                            <div class="form-check">
                              <input class="form-check-input" type="radio" name="send_to_client" value="0" id="notSendToClient" required>
                              <label class="form-check-label mr-4" for="notSendToClient">
                                {{trans('home.save_only')}}
                              </label>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
    <!--modal whats app-->
     <div class="modal fade" id="send_whatsapp_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <form method="post" action="{{url('admin/crm/clients/'.$company->id.'/send_sms') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang('home.send_whatsapp')</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body">
                      <input type="hidden" name="type" value="whatsapp">
                      <div class="form-group">
                            <label for="message-text" class="col-form-label">@lang('home.message'):</label>
                            <textarea class="form-control" rows="4" name="message" id="message-text" required></textarea>
                      </div>
                       <div class="form-group col-md-6 m-auto">
                            <label for="parent">{{trans('home.whatsapp')}}</label>
                            <select class="form-control select2" name="phone">
                                <option value="{{$company->whatsapp}}" selected>{{$company->whatsapp }}</option>
                            </select>
                        </div>
            
                       <div class="form-group col-md-12 mt-3 d-flex justify-content-center">
                           <div class="form-check">
                              <input class="form-check-input" type="radio" name="send_to_client" value="1" id="sendToClient" required>
                              <label class="form-check-label mr-4" for="sendToClient">
                                {{trans('home.send_to_client')}}
                              </label>
                            </div>
                            
                            <div class="form-check">
                              <input class="form-check-input" type="radio" name="send_to_client" value="0" id="notSendToClient" required>
                              <label class="form-check-label mr-4" for="notSendToClient">
                                {{trans('home.save_only')}}
                              </label>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
    <!--modal mail-->
     <div class="modal fade" id="send_email_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <form method="post" action="{{url('admin/crm/clients/'.$company->id.'/send_sms') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang('home.send_email')</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body">
                    <input type="hidden" name="type" value="email">
                    <div class="form-group col-6">
                        <label for="result" class="col-form-label"> نوع الايميل :</label>
                       
                          <select class="form-control select2" name="message" required>
                            <option value= "تعريفى"> تعريفى</option>
                            <option value= "تحديد موعد"> تحديد موعد </option>
                            <option value= "عرض فنى ومالى"> عرض فنى ومالى</option>
                        </select>
                    </div>
                    {{--
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">@lang('home.message'):</label>
                        <textarea class="form-control" rows="4" name="message" id="message-text" required></textarea>
                    </div>
                    <div class="form-group col-md-12 mt-3 d-flex justify-content-center">
                       <div class="form-check">
                          <input class="form-check-input" type="radio" name="send_to_client" value="1" id="sendToClient" required>
                          <label class="form-check-label mr-4" for="sendToClient">
                            {{trans('home.send_to_client')}}
                          </label>
                        </div>
                        
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="send_to_client" value="0" id="notSendToClient" required>
                          <label class="form-check-label mr-4" for="notSendToClient">
                            {{trans('home.save_only')}}
                          </label>
                        </div>
                    </div>
                    --}}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
     <!--modal meeting-->
     <div class="modal fade" id="add_meating_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-xl" role="document">
        <form method="post" action="{{url('admin/crm/clients/'.$company->id.'/send_sms') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">اضافة اجتماع</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body row">
                    <input type="hidden" name="type" value="meeting">
                    
                    <div class="form-group col-md-4 ">
                        <label for="parent">{{trans('home.team')}}</label>
                        <select class="form-control select2" name="team[]" multiple>
                            <option value="{{auth()->user()->id}}" selected>{{auth()->user()->name() }}</option>
                             @foreach($crm_employees as $crm_employee)
                                <option value="{{$crm_employee->id}}">{{$crm_employee->name() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-4">
                        <label for="title" class="col-form-label">موضوع الاجتماع:</label>
                        <select class="form-control select2" name="title" >
                            <option value="اجتماع تعريفى" >اجتماع تعريفى</option>
                            <option value="اجتماع تفصيلى" >اجتماع تفصيلى</option>
                            <option value=">اجتماع جدول الاعمال" >اجتماع جدول الاعمال</option>
                            <option value="اجتماع متابعة التدريب" >اجتماع متابعة التدريب</option>
                        </select>
                        
                    </div>
                    <div class="form-group col-4 ">
                        <label for="date" class="col-form-label">@lang('home.date'):</label>
                        <input class="form-control" type="date"  name="date" id="date" min="{{ date('Y-m-d') }}" required></input>
                    </div>
                    <div class="form-group col-4 ">
                        <label for="start_at" class="col-form-label">@lang('home.start_at'):</label>
                        <input class="form-control" type="time"  name="start_date" id="start_at"  ></input>
                    </div>
                    {{--<div class="form-group col-4 ">
                        <label for="end_at" class="col-form-label">@lang('home.end_at'):</label>
                        <input class="form-control" type="time"  name="end_date" id="end_at"  ></input>
                    </div>
                    --}}
                    
                    <div class="form-group col-md-4 m-auto">
                        <label for="parent">الية الاجتماع</label>
                        <select class="form-control select2" name="meeting_type" required>
                            <option value="company_site">{{trans('home.company_site')}}</option>
                            <option value="client_site">مقر العميل</option>
                            <option value="online">{{trans('home.online')}}</option>
                        </select>
                    </div>
                    <div id="meeting_details" class="row mt-3">
                        
                    </div>
                    
                    <div class="form-group col-6">
                        <label for="result" class="col-form-label">نتيجة الاجتماع :</label>
                         <select class="form-control select2" name="result" required>
                            <option value= "مؤهل">مؤهل</option>
                            <option value= "غير مؤهل">غير مؤهل</option>
                            <option value= "اتفاق">اتفاق</option>
                            <option value= "قيد النقاش">قيد النقاش</option>
                        </select>
                    </div>
                    {{--
                    <div class="form-group col-md-4 m-auto">
                        <label for="parent">{{trans('home.status')}}</label>
                        <select class="form-control select2" name="status" required>
                            <option value="confirmed">{{trans('home.confirmed')}}</option>
                            <option value="delayed">{{trans('home.delayed')}}</option>
                            <option value="canceled">{{trans('home.canceled')}}</option>
                        </select>
                    </div>
                    --}}
                    
                    <div class="form-group col-6">
                        <label for="message-text" class="col-form-label">@lang('home.note')-@lang('home.team') :</label>
                        <textarea class="form-control" rows="2" name="note" id="message-text" ></textarea>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn  " data-bs-dismiss="modal">@lang('home.cancel')</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
    <!--modal task-->
    <div class="modal fade" id="add_task_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <form method="post" action="{{url('admin/crm/clients/'.$company->id.'/send_sms') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang('home.add_task')</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body row">
                    <input type="hidden" name="type" value="task">
                    
                    <div class="form-group col-md-6 ">
                        <label for="parent">{{trans('home.task_type')}}</label>
                        <select class="form-control select2" name="task_type" >
                            <option value="call">  {{ trans('home.call') }}</option>
                            <option value="sms">  {{ trans('home.send_sms') }}</option>
                            <option value="whatsapp">  {{ trans('home.send_whatsapp') }}</option>
                            <option value="email">  {{ trans('home.send_email') }}</option>
                        </select>
                    </div>
                    <div class="form-group col-md-6 ">
                        <label for="parent">{{trans('home.priority')}}</label>
                        <select class="form-control select2" name="priority" >
                            <option value="very_important">  {{ trans('home.very_important') }}</option>
                            <option value="important">  {{ trans('home.important') }}</option>
                            <option value="not_important">  {{ trans('home.not_important') }}</option>
                        </select>
                    </div>
                    
                    <div class="form-group col-lg-6 ">
                        <label for="date" class="col-form-label">@lang('home.date'):</label>
                        <input class="form-control" type="date"  name="date" id="date" min="{{ date('Y-m-d') }}" required></input>
                    </div>
                    <div class="form-group col-lg-6 ">
                        <label for="time" class="col-form-label">@lang('home.time'):</label>
                        <input class="form-control" type="time"  name="time" id="time"  ></input>
                    </div>
                    
                    <div class="form-group col-lg-6 ">
                        <label for="notify_date" class="col-form-label">@lang('home.notify_date'):</label>
                        <input class="form-control" type="date"  name="notify_date" id="notify_date" min="{{ date('Y-m-d') }}" required></input>
                    </div>
                    <div class="form-group col-lg-6 ">
                        <label for="notify_time" class="col-form-label">@lang('home.notify_time'):</label>
                        <input class="form-control" type="time"  name="notify_time" id="notify_time"  ></input>
                    </div>
                    <div class="form-group">
                        <label for="parent">{{trans('home.responsible_employee')}}</label>
                        <select class="form-control select2" name="employee[]" multiple required>
                            <option value="{{auth()->user()->id}}" selected>{{auth()->user()->name() }}</option>
                            @if(auth()->user()->type=="admin")
                                @foreach($crm_employees_task->where('id') as $crm_employee)
                                    <option value="{{$crm_employee->id}}">{{$crm_employee->name() }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">@lang('home.note')  :</label>
                        <textarea class="form-control" rows="2" name="note" id="message-text" required></textarea>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">@lang('home.cancel')</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
       <!--modal add_new_payment-->
    <div class="modal fade" id="add_new_payment_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-xl" role="document">
        <form method="post" action="{{route('save_payment_company',$company->id) }}" enctype="multipart/form-data">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang('home.add_new_payment')</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body row">
                    <input type="hidden" id="company_id" name="company_id" value="{{$company->id}}">
                    <div class="form-group col-md-3 ">
                        <label for="parent">نوع الفاتورة</label>
                        <select class="form-control select2" name="invoice_type" id="invoice_type" required>
                            <option value="special">  {{ trans('home.special') }}</option>
                            <option value="maharat">  {{ trans('home.maharat') }}</option>
                        </select>
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="n_clients" class="col-form-label">@lang('home.n_clients'):</label>
                        <input class="form-control" type="number"   name="n_clients" id="n_clients" >
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="n_trainings" class="col-form-label">@lang('home.n_trainings'):</label>
                        <input class="form-control" type="number" name="n_trainings" id="n_trainings" >
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="invoice_value" class="col-form-label">@lang('home.invoice_value'):</label>
                        <input class="form-control" type="number" name="invoice_value" id="invoice_value" >
                    </div>
                    <div class="form-group col-lg-4 ">
                        <label for="training_cost" class="col-form-label">@lang('home.training_cost'):</label>
                        <input class="form-control" type="number" name="training_cost" id="training_cost" >
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="training_loaction" class="col-form-label">@lang('home.training_loaction'):</label>
                        <input class="form-control" type="text" name="training_loaction" id="training_loaction	" >
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="duration_days" class="col-form-label">@lang('home.duration_days'):</label>
                        <input class="form-control" type="hidden" name="duration_days" id="duration_days_value"  >
                        <input class="form-control" readonly name="duration_days" id="duration_days" >
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="duration_weeks" class="col-form-label">@lang('home.duration_weeks'):</label>
                        <input class="form-control" type="number" name="duration_weeks" id="duration_weeks" >
                    </div>
                    
                    <div class="form-group col-lg-4 ">
                        <label for="duration_hours" class="col-form-label">@lang('home.duration_hours'):</label>
                        <input class="form-control" type="number" name="duration_hours" id="duration_hours" >
                    </div>
                    <div class="form-group col-md-4 ">
                        <label for="parent">رقم الموعد التدريبى/ الكود التدريبى</label>
                        <select class="form-control select2" name="training_number" id="training_number">
                            @foreach($trainings as $training)
                                 <option value="{{ $training->code }}" 
                                        data-duration_days="{{ $training->overall_days }}" 
                                        data-start-date="{{ $training->start_date }}" 
                                        data-end-date="{{ $training->end_date }}">
                                    {{ $training->code . ' - ' . $training->name_ar }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-lg-4">
                        <label for="start_date" class="col-form-label">@lang('home.start_date'):</label>
                        <input class="form-control" type="date" name="start_date" id="start_date" readonly>
                    </div>
                    <div class="form-group col-lg-4">
                        <label for="end_date" class="col-form-label">@lang('home.end_date'):</label>
                        <input class="form-control" type="date" name="end_date" id="end_date" readonly>
                    </div>
                    <div class="form-group col-md-6 ">
                        <label for="parent">{{trans('home.invoice_status')}}</label>
                        <select class="form-control select2" name="invoice_status" id="invoice_status" >
                            <option value="in_training">  {{ trans('home.in_training') }}</option>
                            <option value="invoicing">  {{ trans('home.invoicing') }}</option>
                            {{--
                                <option value="collected">  {{ trans('home.collected') }}</option>
                            --}}
                        </select>
                    </div>
                    
                    <div class="form-group col-lg-4 d-none" id="invoice_file">
                        <label for="invoice_file" class="col-form-label">ملف الفاتورة:</label>
                        <input class="form-control" type="file" name="invoice_file" >
                    </div>
                   
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-bs-dismiss="modal">@lang('home.cancel')</button>
                    <button type="submit" class="btn btn-primary">@lang('home.save') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
         <!--modal sms app-->
    <div class="modal fade" id="send_call_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <form method="post" action="{{url('admin/crm/clients/'.$company->id.'/send_sms') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang('home.send_call')</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    
                <div class="modal-body row">
                    <div class="form-group col-6">
                        <label for="result" class="col-form-label">عنوان المكالمة :</label>
                       
                          <select class="form-control select2" name="call_object" required>
                            <option value= "تعريفية"> تعريفية</option>
                            <option value= "متابعة"> متابعة </option>
                        </select>
                    </div>
                    <div class="form-group col-6">
                        <label for="result" class="col-form-label">نتيجة المكالمة :</label>
                           <select class="form-control select2" name="result" required>
                            <option value= "تم تحديد موعد">تم تحديد موعد</option>
                            <option value= "غير مهتم">غير مهتم</option>
                            <option value= "سيتم المتابعة لاحقا">سيتم المتابعة لاحقا</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">@lang('home.message'):</label>
                        <textarea class="form-control" rows="4" name="message" id="message-text" required></textarea>
                    </div>
                    <input type="hidden" name="type" value="call">
                    {{--
                    <div class="form-group col-md-6 m-auto">
                        <label for="parent">{{trans('home.phone')}}</label>
                        <select class="form-control select2" name="phone">
                            <option value="{{$company->phone}}">{{$company->phone }}</option>
                        </select>
                    </div>
                    --}}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
    
          <!--modal add-meeting-result app-->
    <div class="modal fade" id="add_meeting_result" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <form method="post" action="{{route('save_meeting_result') }}" >
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"> اضافة نتيجة الاجتماع </h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-bs-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">@lang('home.meeting_result'):</label>
                        <textarea class="form-control" rows="4" name="result" id="message-text" required></textarea>
                    </div>
                    <input type="hidden" id="meeting_id" name="meeting_id" value="">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">@lang('home.send') </button>
                </div>
            </div>
        </form>
      </div>
    </div>
    
    
    
    
@endsection
@section('script')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        $('.add-meeting-result').on('click',function () {
            var meeting_id = $(this).data('meeting_id'); 
            $('#meeting_id').val(meeting_id);
        });
    </script>
    <script>
        $('#add_new_payment_modal').on('shown.bs.modal', function () {
            $('#training_number').on('select2:select', function (e) {
                const selectedOption = e.params.data;
                const startDate = $(e.target).find(':selected').data('start-date');
                const endDate = $(e.target).find(':selected').data('end-date');
                const duration_days = $(e.target).find(':selected').data('duration_days');
                console.log(duration_days);
                // Update the input fields
                $('#start_date').val(startDate || '');
                $('#end_date').val(endDate || '');
                $('#duration_days').val(duration_days || '');
                $('#duration_days_value').val(duration_days || '');
            });
        });

    </script>


    <script>
        $('.modal').on('shown.bs.modal', function () {
            // Initialize Select2 with the 'tags' option enabled
            $('.select2').select2({
                width: '100%', // Ensures proper width inside modal
                dropdownParent: $(this) // Ensures dropdown stays within the modal
            });
            // $('.select2').on('select2:unselecting', function(e) {
            //     var id = e.params.args.data.id; // Get the ID of the option being unselected
            //     var $option = $(this).find('option[value="' + id + '"]');
                
            //     if ($option.is('[disabled]')) {
            //         e.preventDefault(); // Prevent the unselect event
            //     }
            // });
        });

    </script>
    <script>
        $(document).ready(function() {
            // Function to update meeting details based on selected meeting type
            function updateMeetingDetails() {
                var meetingType = $('select[name="meeting_type"]').val();
                var meetingDetails = $('#meeting_details');
        
                // Clear previous details
                meetingDetails.empty();
        
                // Add fields based on selected meeting type
                if (meetingType === 'client_site') {
                    meetingDetails.append(
                        '<div class="form-group col-lg-6">' +
                        '    <label for="location">{{trans("home.location")}}</label>' +
                        '    <input type="text" class="form-control" name="location" required>' +
                        '</div>' +
                        '<div class="form-group col-lg-6">' +
                        '    <label for="address">{{trans("home.address_meeting")}}</label>' +
                        '    <input type="text" class="form-control" name="address" required>' +
                        '</div>'
                    );
                } else if (meetingType === 'online') {
                    meetingDetails.append(
                        '<div class="form-group">' +
                        '    <label for="zoom_link">{{trans("home.zoom_link")}}</label>' +
                        '    <input type="text" class="form-control" name="zoom_link" required>' +
                        '</div>'
                    );
                }
            }
        
            // Initialize the Select2 plugin
            $('.select2').select2();
        
            // Update meeting details when the meeting type changes
            $('select[name="meeting_type"]').on('change', function() {
                updateMeetingDetails();
            });
        
            // Trigger update on page load to show details for the initial selection
            updateMeetingDetails();
        });

    </script>
    <script>
        // Handle delete button click event
        $(document).on('click', '.delete-btn', function (e) {
            e.preventDefault();
    
            var messageId = $(this).data('id'); // Get the data-id from the clicked button
    
            // Show SweetAlert confirmation
            Swal.fire({
                title: '{{__('home.Are you sure you want to delete that ?')}}',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '{{__('home.delete')}}',
                cancelButtonText: '{{__('home.cancel')}}'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
    
                    $.ajax({
                        url: "{{route('delete_crm_sms') }}" ,
                        type: 'POST',
                        data: {id: messageId},
                        success: function () {
                            location.reload();
                        }
                    }); 
                }
            });
        });
        
    </script>
    
    <!--payments-->
    <script>
        $('#invoice_status').on('change',function () {
            let invoice_status = $(this).val(); 
            if(invoice_status=="collected"){
                $('#invoice_file').removeClass('d-none'); 
            }else{
                $('#invoice_file').addClass('d-none'); 
            }
        });
    
        $('.add_invoice_item').on('click',function () {
            let invoice_id = $(this).data('invoice_id');
            let invoice_number = $(this).data('invoice_number');
    
            // Populate modal with data
            $('#invoice_id').val(invoice_id);
            $('#paymentModalLabel').html(invoice_number);
            $('#paymentModal').modal('show');
        });
    </script>
    
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
   <script>
        $(document).on('click', '.btn_delete', function(e) {
        e.preventDefault();
        
        var itemId = $(this).data('id'); // Get the item ID from the data attribute
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: "btn btn-success",
                cancelButton: "btn btn-danger"
            },
            buttonsStyling: false
        });
        
        swalWithBootstrapButtons.fire({
            title: "{{ __('home.are you sure') }}",
            text: "{{ __('home.to delete this item?') }}",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "{{ __('home.yes') }}, {{ __('home.delete') }}!",
            cancelButtonText: "{{ __('home.no') }}, {{ __('home.cancel') }}!",
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('delete_invoice', '') }}/" + itemId,
                    type: 'GET',
                    data: {
                        _token: '{{ csrf_token() }}', // Include CSRF token
                        id: itemId
                    },
                    success: function(response) {
                        swalWithBootstrapButtons.fire({
                            title: "{{ __('home.deleted') }}!",
                            text: "{{ __('home.the item has been deleted') }}.",
                            icon: "success"
                        });
                        location.reload()
                        
                    },
                    error: function(response) {
                        swalWithBootstrapButtons.fire({
                            title: "{{ __('home.error') }}!",
                            text: "{{ __('home.something went wrong') }}.",
                            icon: "error"
                        });
                    }
                });
            }
        });
    });
   </script>
    @if($errors->any())
        <script>
            Swal.fire({
                icon: 'error',
                title: '{{ trans("home.error") }}',
                html: `
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                `
            });
        </script>
    @endif

   
@endsection