@include('new_layouts.header')
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/dropzone@5.9.3/dist/min/dropzone.min.css" rel="stylesheet">
<link href="http://hayageek.github.io/jQuery-Upload-File/4.0.11/uploadfile.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tagify/4.3.1/tagify.css">

<style>
.ajax-upload-dragdrop {
    border: 2px dotted #A5A5C7;
    width: 95px !important;
    color: #DADCE3;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 0px 10px;
}
.custom-checkbox input[type="checkbox"] {
        display: none;
    }

    textarea[id^="comments_"] {
        width: 150px !important;
    }
    [id^="get_trade_"][id$="_chosen"].chosen-container {
        width: 150px !important;
    }
    [id^="get_manual_trade_"][id$="_chosen"].chosen-container {
        width: 150px !important;
    }
   
    [id^="get_manual_division_"][id$="_chosen"].chosen-container {
        width: 150px !important;
    }
    [id^="get_manincharge_"][id$="_chosen"].chosen-container {
        width: 150px !important;
    }


    /* Custom checkmark style */
    .custom-checkbox .checkmark {
        width: 30px;  /* Increase the width */
        height: 30px; /* Increase the height */
        border: 2px solid #ddd;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-color 0.3s ease;
    }

    /* Checked state */
    .custom-checkbox input[type="checkbox"]:checked + .checkmark {
        background-color: #007bff;
        border-color: #007bff;
    }

    /* Checkmark symbol inside the box */
    .custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
        content: '✓';
        position: absolute;
        top: 0;
        left: 5px;
        color: white;
        font-size: 20px; /* Size of the checkmark */
    }
input#manual_check_box_status {
    display: none;
}
input#check_box_status {
    display: none;
}
.ajax-upload-dragdrop span {
    display: none; /* Hides the drag and drop sentence */
}
[id^="fileuploader_"] .ajax-upload-dragdrop b {
    display: none;
}
.ajax-file-upload-statusbar{
    width: 200px !important;
}
.ajax-file-upload-filename {
    width: 200px !important;
}
.chosen-container {
    width: 100% !important; 
}
.dotted-loader {
    width: 100px; /* Adjust width as needed */
    height: 10px; /* Adjust height as needed */
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.dotted-loader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, transparent 33%, #3498db 33%, #3498db 66%, transparent 66%, transparent 100%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite linear;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: 0 0;
    }
}
#manual_process{
    display: none;
}

#auto_process{
    display: none;
}
.get_trade_manual {
    margin-bottom: 10px;
}   

/* .chosen-container-multi{
    display: none;
} */
</style>

@php
    $profile = \App\Models\Utility::get_file('uploads/avatar/');
@endphp
<div id="preloader" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.8); z-index:9999; text-align:center;">
    <div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);">
        <div class="dotted-loader"></div>
        <p>Loading, please wait...</p>
    </div>
</div>
<div class="page-wrapper m-3">
    <div class="card p-3">
        <div class="page-header d-print-none">
            <div class="container-fluid">
                <div class="row g-2 align-items-center">
                    <div class="col">
                        <h2 class="page-title">{{ __('Edit & Manage Tender RFQ and Upload Documents') }}</h2>
                    </div>
                    <div class="col-auto">
                        <a href="{{ route('tender_excel_data_import') }}" class="btn btn-primary me-2">
                            <span class="btn-inner--icon">SC & RFQ Selection <i class="fa fa-list"></i></span>
                        </a>
                     </div>
                </div>
            </div>
        </div>
        <br>

        <div class="container-fluid">
            <div class="row row-cards">
                <div class="card">
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane active show" id="tabs-home-7" role="tabpanel">
                                <div class="col-12">
                                    <div class="row">
                                        <div class="col-md-12">
                                            {{ Form::model($tender, ['route' => ['tender.update', $tender->id], 'id' => 'tenderEdit', 'method' => 'PUT', 'enctype' => 'multipart/form-data']) }}
                                                <div class="row">
                                                    {{-- <div class="col-lg-6 col-md-6 col-sm-6">
                                                        <div class="form-group">
                                                            {{ Form::label('project_id', __('Tender'), ['class' => 'form-label']) }}<span
                                                                style='color:red;'>*</span>

                                                            <select name="project_id" id="project_id" class="form-control">
                                                                <option value="" selected disabled>Select Tender</option>
                                                                @forelse ($projects as $pro)
                                                                    <option value="{{$pro->id}}" @if($pro->id == $tender->id) selected @endif>{{$pro->project_name}}</option>
                                                                @empty
                                                                    <option value="">No Tender Created</option>
                                                                @endforelse
                                                            </select>
                                                            
                                                            @error('project_id')
                                                                <div class="invalid-feedback">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div> --}}

                                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                                        <div class="form-group">
                                                            @php
                                                                $rndColor = Utility::rndRGBColorCode();
                                                            @endphp
                                                
                                                            <input type="hidden" name="color_code" value="{{ $rndColor }}">
                                                            <input type="hidden" name="tender_id" id="tender_id" value="{{ $tender->id }}">
                                                            <input type="hidden" name="send_email" id="send_email" value="0">
                                                            
                                                            {{ Form::label('type', __('Type'), ['class' => 'form-label']) }}<span
                                                                style='color:red;'>*</span>
                                                                <select id="tender_type" class="form-control tender_type @error('tender_type') is-invalid @enderror"  onchange="checkTenderType();">
                                                                    <option value="">Select Type</option>
                                                                    <option value="2" {{ $tender->tender_type == 2 ? 'selected' : '' }}>Dynamic (MC & SC)</option>
                                                                    <option value="1" {{ $tender->tender_type == 1 ? 'selected' : '' }}>Manual (Mc only & SC by email)</option>
                                                                </select>
                                                                @error('tender_type')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                @enderror
                                                        </div>
                                                    </div>
                                                    <input type="hidden" class="form-control tender_type_copy" name="tender_type" id="tender_type_copy" value="{{$tender->tender_type}}">
                                                    <!--This is a auto process starts-->
                                                    <div class="col-lg-12 col-md-12 col-sm-12" id="auto_process">
                                                        <table class="table table-vcenter card-table" id="trade_table" aria-describedby="Tender Management">
                                                            <thead>
                                                                <tr>
                                                                    {{-- <th style="width: 2%">{{ __('#') }}<input type="hidden" class="form-control" id="check_box_status"></th> --}}
                                                                    <th style="width: 12.5%">{{ __('Trade') }}</th>
                                                                    <th style="width: 12.5%">{{ __('Sub Division') }}</th>
                                                                    {{-- <th style="width: 12.5%">{{ __('Type') }}</th> --}}
                                                                    <th style="width: 12.5%">{{ __('Sub-Contractor') }}</th>
                                                                    <th style="width: 12.5%">{{ __('Incharge') }}</th>
                                                                    <th style="width: 12.5%">{{ __('Upload') }}</th>
                                                                    <th style="width: 25%">{{ __('RFQ Message to SC') }}</th>
                                                                    <th style="width: 25%">{{ __('Quote Before') }}</th>
                                                                    <th style="width: 10%">{{ __('Action') }}</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @php
                                                                    $tr_id = 1;
                                                                @endphp
                                                                @forelse ($tenderSubcon as $subcon)
                                                                    @php
                                                                        $main_trade = ($subcon->main_trade != null) ? json_decode($subcon->main_trade) : array();
                                                                        $sub_division = ($subcon->sub_division != null) ? json_decode($subcon->sub_division) : array();
                                                                        $incharge_id = ($subcon->incharge_id != null) ? json_decode($subcon->incharge_id) : array();
                                                                        $file_id = ($subcon->file_id != null) ? json_decode($subcon->file_id) : array();
                                                                        $file_id_implode = (count($file_id) > 0) ? implode(',',$file_id) : null;
                                                                        $files = \App\Models\TenderFiles::whereIn('id', $file_id)->get();
                                                                        $subcon_data = json_decode($subcon->subcon_data, true);
                                                                        $subcon_data_array = array();
                                                                        
                                                                        foreach ($subcon_data as $key => $value) {
                                                                            if(isset($value['subcon_id'])){
                                                                                $subcon_data_array[] = $value['subcon_id'];
                                                                            }
                                                                        }
                                                                        
                                                                        $subcon_json = (count($subcon_data_array) > 0) ? json_encode($subcon_data_array) : null;
                                                                    @endphp
                                                                   
                                                                    <tr id="trade_1" data-tr_id="{{$tr_id}}">
                                                                        <input type="hidden" name="record_id[{{$tr_id}}][]" value="{{$subcon->id}}">
                                                                        <td style="display:none;">
                                                                            
                                                                            <label class="custom-checkbox">
                                                                                <input type="hidden" class="form-control check_box_status" name="check_box_status_auto[{{$tr_id}}][]" @if($subcon->check_box_status==1) checked @endif>
                                                                                {{-- <span class="checkmark"></span> --}}
                                                                            </label>
                                                                        </td>
                                                                        <td>
                                                                            <select id="get_trade_{{$tr_id}}" onchange="trade(this, {{$tr_id}})" class="form-control chosen-select get_trade" class="form-control" name="trade_id[{{$tr_id}}][]" multiple="true">
                                                                                @foreach ($trades as $trade)
                                                                                    <option value="{{ $trade->id }}" @if(in_array($trade->id, $main_trade)) selected @endif>{{ $trade->main_trade }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>
                                                                        <td>
                                                                            <input type="hidden" class="set_subdivision_id" name="set_subdivision_id[{{$tr_id}}][]" id="set_manual_subdivision_id_{{$tr_id}}" value="{{$subcon->sub_division}}">
                                                                            <select id="get_division_{{$tr_id}}" onchange="subDivision(this, {{$tr_id}})" class="form-control chosen-select get_division" name="sub_division_id[{{$tr_id}}][]" multiple="true">
                                                                                
                                                                            </select>
                                                                        </td>
                                                                        {{-- <td>
                                                                            <select id="get_auto_file_type_{{$tr_id}}"  class="form-control get_file_type_auto" name="auto_method_type[{{$tr_id}}][]" onchange="auto_get_file_type({{$tr_id}})">
                                                                                <option value="">--Select Type--</option>
                                                                                <option value="1" @if($subcon->method_type==1) selected @endif>Upload</option>
                                                                                <option value="0" @if($subcon->method_type==0) selected @endif>Link</option>
                                                                            </select>
                                                                        </td> --}}
                                                                        <td>
                                                                            <input type="hidden" class="set_subcontractor_id" name="set_subcontractor_id[{{$tr_id}}][]" id="set_subcontractor_id_{{$tr_id}}" value="{{$subcon_json}}">
                                                                            <select id="get_subcontractor_{{$tr_id}}" class="form-control chosen-select get_subcontractor" name="sub_contractor_id[{{$tr_id}}][]" multiple="true">
                                                                                
                                                                            </select>
                                                                        </td>
                                                                        <td>
                                                                            <select id="get_incharge_{{$tr_id}}" class="form-control chosen-select get_incharge" name="incharge_id[{{$tr_id}}][]" multiple="true">
                                                                                @foreach ($incharge as $charge)
                                                                                    <option value="{{ $charge->id }}" @if(in_array($charge->id, $incharge_id)) selected @endif>{{ $charge->name }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>
                                                                        <td>
                                                                         
                                                                            <div id="fileuploader_{{$tr_id}}" class="fileuploader" data-tr_id="{{$tr_id}}">Upload</div>

                                                                            <div id="file_display_{{$tr_id}}">
                                                                                @foreach ($files as $file)
                                                                                    <div class="col-md-12">
                                                                                        <div style="color: green; font-weight:600; width:100%; font-size: 12px; word-wrap: break-word;" data-id="{{$file->id}}">{{$file->file_name}} &nbsp;&nbsp;
                                                                                            <button type="button" style="color: #980505; background: none; padding: 0; margin-top: -5px;" class="btn btn-sm unselect_files" onclick="removeFiles('{{$tr_id}}','{{$file->id}}')">
                                                                                                <li class="fa fa-trash"></li>
                                                                                            </button>
                                                                                        </div>
                                                                                    </div>
                                                                                @endforeach
                                                                            </div>
                                                                            <input type="hidden" name="file_id_auto[{{$tr_id}}][]" id="file_id_{{$tr_id}}" value="{{$file_id_implode}}">
                                                                          
                                                                            <div id="auto_url_container_{{$tr_id}}" style="display:none;">
                                                                                <input type="text" class="form-control" name="file_url_auto[{{$tr_id}}][]" placeholder="Enter URL here" value="{{$subcon->auto_file_link}}"   onblur="handleFileUrlFocusOut(this, {{$tr_id}},{{$subcon->id}})">
                                                                            </div>
                                                                         
                                                                        </td>
                                                                        <td>
                                                                            <textarea id="comments_auto_{{$tr_id}}" class="form-control comments" name="comments_auto[{{$tr_id}}][]">{{$subcon->comments}}</textarea>
                                                                        </td>
                                                                        <td>
                                                                            <input value="{{$subcon->quatation_request_date}}" type="date" class="form-control quatation_request_date quatation_request_date_{{$tr_id}}" name="quatation_request_date[{{$tr_id}}][]"
                                                                                max="{{($tender->extension_date != null) ? $tender->extension_date : $tender->dead_line}}"/>
                                                                         </td>
                                                                        <td>
                                                                            @if($tr_id == 1)
                                                                                <button type="button" onclick="addRowAuto()" class="btn btn-primary add_row">+</button>
                                                                            @else
                                                                                <button type="button" class="btn btn-danger remove_row" onclick="removeRow(this, {{$tr_id}})">-</button>
                                                                            @endif
                                                                        </td>
                                                                    </tr>

                                                                    @php
                                                                        $tr_id++;
                                                                    @endphp
                                                                @empty
                                                                    <tr id="trade_1" data-tr_id="1">
                                                                        <input type="hidden" name="record_id[1][]" >
                                                                        <td style="display: none;">
                                                                            <label class="custom-checkbox">
                                                                               
                                                                                <input type="hidden" class="form-control check_box_status" name="check_box_status_auto[1][]">
                                                                                {{-- <span class="checkmark"></span> --}}
                                                                            </label>
                                                                        </td>
                                                                        <td>
                                                                            <select id="get_trade_1" onchange="trade(this, 1,1)" class="form-control chosen-select get_trade" class="form-control" name="trade_id[1][]" multiple="true">
                                                                                @foreach ($trades as $trade)
                                                                                    <option value="{{ $trade->id }}">{{ $trade->main_trade }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>
                                                                        <td>
                                                                            <input type="hidden" class="set_subdivision_id" name="set_subdivision_id[1][]" id="set_manual_subdivision_id_1">
                                                                            <select id="get_division_1" onchange="subDivision(this, 1,1,1)" class="form-control chosen-select get_division" name="sub_division_id[1][]" multiple="true">

                                                                            </select>
                                                                        </td>
                                                                        {{-- <td>
                                                                            <select id="get_auto_file_type_1"  class="form-control get_file_type_auto" name="auto_method_type[1][]" onchange="auto_get_file_type(1)">
                                                                                <option value="">--Select Type--</option>
                                                                                <option value="1">Upload</option>
                                                                                <option value="0">Link</option>
                                                                            </select>
                                                                        </td> --}}
                                                                        <td>
                                                                            <select id="get_subcontractor_1" class="form-control chosen-select get_subcontractor" name="sub_contractor_id[1][]" multiple="true">
                                                                                
                                                                            </select>
                                                                        </td>
                                                                        <td>
                                                                            <select id="get_incharge_1" class="form-control chosen-select get_incharge" name="incharge_id[1][]" multiple="true">
                                                                                @foreach ($incharge as $charge)
                                                                                    <option value="{{ $charge->id }}">{{ $charge->name }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>
                                                                        <td>
                                                                            <div id="fileuploader_1" class="fileuploader" data-tr_id="1">Upload</div>
                                                                            <div id="file_display_1"></div>
                                                                            <input type="hidden" name="file_id_auto[1][]" id="file_id_1">
                                                                        </td>
                                                                        <td>
                                                                            <textarea id="comments_auto_1" class="form-control comments" name="comments_auto[1][]"></textarea>
                                                                        </td>
                                                                        <td>
                                                                            <input type="date" id="quatation_request_date_1" class="form-control quatation_request_date" name="quatation_request_date[1][]" max="{{($tender->extension_date != null) ? $tender->extension_date : $tender->dead_line}}" />
                                                                        </td>
                                                                        <td>
                                                                            <button type="button" onclick="addRowAuto()" class="btn btn-primary add_row">+</button>
                                                                        </td>
                                                                    </tr>
                                                                @endforelse
                                                                
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <!--This is a auto process ends-->
                                                    {{-- @forelse ($tenderSubcon as $subcon)
                                                    @php
                                                        $set_multi_count = 1;
                                                        $main_trade = ($subcon->main_trade != null) ? json_decode($subcon->main_trade) : array();
                                                        $sub_division = ($subcon->sub_division != null) ? json_decode($subcon->sub_division) : array();
                                                        $check_box_status = $subcon->check_box_status; 
                                                        $file_id = ($subcon->file_id != null) ? json_decode($subcon->file_id) : array();
                                                        $file_id_implode = (count($file_id) > 0) ? implode(',',$file_id) : null;
                                                        $files = \App\Models\TenderFiles::whereIn('id', $file_id)->get();
                                                        $incharge_id = ($subcon->incharge_id != null) ? json_decode($subcon->incharge_id) : array();
                                                        $subcon_data = json_decode($subcon->subcon_data, true);
                                                        $subcon_data_array = array();
                                                    
                                                        foreach ($subcon_data as $key => $value) {
                                                            if(isset($value['subcon_id'])){
                                                                $subcon_data_array[] = $value['subcon_id'];
                                                            }
                                                        }
                                                        
                                                        $subcon_json = (count($subcon_data_array) > 0) ? json_encode($subcon_data_array) : null;
                                                    @endphp
                                                    @empty
                                                    @endforelse --}}
                                                    <!--This is a manual process starts-->
                                                    <div class="col-lg-12 col-md-12 col-sm-12" id="manual_process"  style="overflow-y: auto;">
                                                        <table class="table table-vcenter card-table" id="manual_trade_table" aria-describedby="Manual Tender Management">
                                                            <thead>
                                                                <tr>
                                                                    <th style="width: 2%">{{ __('#') }} <input type="checkbox" class="form-control" id="manual_check_box_status"></th>
                                                                    <th style="width: 12.5%">{{ __('Subdivision') }}</th>
                                                                    <th style="width: 12.5%">{{ __('Type') }}</th>
                                                                    <th style="width: 12.5%">{{ __('Cc & Bcc') }}</th>
                                                                    <th style="width: 12.5%">{{ __('RFQ Upload') }}</th>
                                                                    <th style="width: 15%">{{ __('Email Body Content') }}</th>
                                                                    <th style="width: 25%">
                                                                        {{ __('Company Name') }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                        {{ __('SC Email:To') }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                        {{ __('CC Email') }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                        {{ __('Quote Received') }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                        {{ __('Maincon & QC Remarks') }}
                                                                    </th>
                                                                    <th style="width: 12.5%">{{ __('Quote Before') }}</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @php
                                                                    $tr_id = 1;
                                                                @endphp
                                                                @forelse ($tenderSubcon as $subcon)
                                                                    @php
                                                                        $set_multi_count = 1;
                                                                        $main_trade = ($subcon->main_trade != null) ? json_decode($subcon->main_trade) : array();
                                                                        $sub_division = ($subcon->sub_division != null) ? json_decode($subcon->sub_division) : array();
                                                                        $check_box_status = ($subcon->check_box_status != null) ? json_decode($subcon->check_box_status) : array();
                                                                        $file_id = ($subcon->file_id != null) ? json_decode($subcon->file_id) : array();
                                                                        $file_id_implode = (count($file_id) > 0) ? implode(',',$file_id) : null;
                                                                        $files = \App\Models\TenderFiles::whereIn('id', $file_id)->get();
                                                                        $category = \App\Models\TenderCategorySave::where('id', $subcon->cat_id)->first();
                                                                        $incharge_id = ($subcon->incharge_id != null) ? json_decode($subcon->incharge_id) : array();

                                                                        $subcon_data = json_decode($subcon->subcon_data, true);
                                                                        $subcon_data_array = array();
                                                                    
                                                                        foreach ($subcon_data as $key => $value) {
                                                                            if(isset($value['subcon_id'])){
                                                                                $subcon_data_array[] = $value['subcon_id'];
                                                                            }
                                                                        }
                                                                        $to_email_address = ($subcon->to_email_address != null) ? json_decode($subcon->to_email_address, true) : [];
    
                                                                        // If to_email_address is an array, join the emails with commas for display
                                                                        $email_values = '';
                                                                        if (is_array($to_email_address) && count($to_email_address) > 0) {
                                                                            $email_values = implode(',', $to_email_address);
                                                                        }
                                                                        
                                                                        $subcon_json = (count($subcon_data_array) > 0) ? json_encode($subcon_data_array) : null;
                                                                    @endphp
                                                                    <tr id="manual_trade_{{$tr_id}}" data-tr_id="{{$tr_id}}">
                                                                        <td>
                                                                            <label class="custom-checkbox">
                                                                                <input type="checkbox" class="form-control manual_check_box_status" name="check_box_status[{{$tr_id}}][]" @if($subcon->check_box_status==1) checked @endif>
                                                                                <span class="checkmark"></span>
                                                                            </label>
                                                                        </td>
                                                                        <td>
                                                                            <b>{{$category->category_name}}</b>
                                                                            <select id="get_manual_trade_{{$tr_id}}" onchange="manual_trade(this, {{$tr_id}})" class="form-control chosen-select get_trade_manual" class="form-control" name="trade_id[{{$tr_id}}][]" multiple="true">
                                                                                @foreach ($trades as $trade)
                                                                                    <option value="{{ $trade->id }}" @if(in_array($trade->id, $main_trade)) selected @endif>{{ $trade->main_trade }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                            <br>
                                                                            <input type="hidden" class="set_subdivision_id" name="set_subdivision_id[{{$tr_id}}][]" id="set_subdivision_id_{{$tr_id}}" value="{{$subcon->sub_division}}">
                                                                            <select id="get_manual_division_{{$tr_id}}" class="form-control chosen-select get_division_manual" name="sub_division_id[{{$tr_id}}][]" multiple="true">
                                                                            </select>
                                                                        </td>

                                                                        <td>
                                                                            @php 
                                                                            $class = ($subcon->method_type !== null) ? 'disabled' : ''; 
                                                                            @endphp
                                                                            <select id="get_file_type_{{$tr_id}}"  style="width: 100px;" class="form-control get_file_type_manual" @if($class!='disabled') name="method_type[{{$tr_id}}][]" @endif  onchange="get_file_type({{$tr_id}})" {{$class}}>
                                                                                <option value="">--Select Type--</option>
                                                                                <option value="1" @if($subcon->method_type==1) selected @endif>Upload</option>
                                                                                <option value="0" @if($subcon->method_type==0) selected @endif>Link</option>
                                                                            </select>
                                                                            <select id="get_file_type_{{$tr_id}}"  style="width: 100px;display: none;" class="form-control get_file_type_manual" name="method_type[{{$tr_id}}][]" onchange="get_file_type({{$tr_id}})" >
                                                                                <option value="">--Select Type--</option>
                                                                                <option value="1" @if($subcon->method_type==1) selected @endif>Upload</option>
                                                                                <option value="0" @if($subcon->method_type==0) selected @endif>Link</option>
                                                                            </select>
                                                                        </td>

                                                                        <td>
                                                                            <select id="get_manincharge_{{$tr_id}}" style="width: 100px;" class="form-control chosen-select get_manincharge" name="incharge_id[{{$tr_id}}][]" multiple="true" disabled>
                                                                                @foreach ($incharge as $charge)
                                                                                    <option value="{{ $charge->id }}" @if(in_array($charge->id, $incharge_id)) selected @endif>{{ $charge->name }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>

                                                                        <td>
                                                                            <div id="manual_fileuploader_{{$tr_id}}" class="fileuploader" data-tr_id="{{$tr_id}}">Upload</div>
                                                                            <div id="manual_file_display_{{$tr_id}}">
                                                                                @foreach ($files as $file)
                                                                                    <div class="col-md-12">
                                                                                        <div style="color: green; font-weight:600; width:100%; font-size: 12px; word-wrap: break-word;" data-id="{{$file->id}}">@if($file->email_sent==1)<i class="fa fa-envelope" aria-hidden="true" style="color: black;"></i>
                                                                                            @endif {{$file->file_name}} &nbsp;&nbsp;
                                                                                            <button type="button" style="color: #980505; background: none; padding: 0; margin-top: -5px;" class="btn btn-sm unselect_files" onclick="removeFiles('{{$tr_id}}','{{$file->id}}')">
                                                                                                <li class="fa fa-trash"></li>
                                                                                            </button>
                                                                                        </div>
                                                                                    </div>
                                                                                @endforeach
                                                                            </div>

                                                                            <input type="hidden" name="file_id[{{$tr_id}}][]" id="manual_file_id_{{$tr_id}}" value="{{$file_id_implode}}">

                                                                            <div id="manual_url_container_{{$tr_id}}" style="display:none;">
                                                                                <input type="text"  style="width: 100px;"  class="form-control" name="file_url[{{$tr_id}}][]" placeholder="Enter URL here" value="{{$subcon->auto_file_link}}"   onblur="handleFileUrlFocusOut(this, {{$tr_id}},{{$subcon->id ?? ''}})">
                                                                            </div>
                                                                        </td>

                                                                        <td>
                                                                            <textarea id="comments_{{$tr_id}}" style="width: 100px;" class="form-control comments" name="comments[{{$tr_id}}][]">{{$subcon->comments}}</textarea>
                                                                        </td>

                                                                        <td>
                                                                            <table id="manual_trade_sub_table_{{$tr_id}}" class="manual_trade_sub_table">
                                                                                @foreach ($subcon_data as $set_multi)
                                                                                    @php
                                                                                       
                                                                                        $put_subcon = isset($set_multi['email']) ? $set_multi['email'] : '';

                                                                                        $put_excel_id = isset($set_multi['excel_id']) ? $set_multi['excel_id'] : '';
                                                                                        $excelData_id = ($put_excel_id != null) ? json_decode($put_excel_id) : array();

                                                                                        $put_qc_remarks = isset($set_multi['qc_remarks']) ? $set_multi['qc_remarks'] : '';
                                                                                        // $QcRemarksData = ($put_qc_remarks != null) ? json_decode($put_qc_remarks) : '';

                                                                                        $excelData = DB::table('tender_main_excel_data')->where('id',$excelData_id)->first();
                                                                                        $main_con_remarks = DB::table('rfq_selection_track')->where('tender_id',$tender->id)->where('excel_id',$excelData_id)->first();

                                                                                        $ccMailGet = array();
                                                                                        $companyName = '';

                                                                                        if($excelData){
                                                                                            $company_id = $excelData->company_id;
                                                                                            $cc_mail_id = explode(',', $excelData->cc_mail_id);

                                                                                            $ccMailGet = DB::table('tender_cc_email')->whereIn('id', $cc_mail_id)->get();
                                                                                            $companyGet = DB::table('tender_company_data')->where('id', $company_id)->first();
                                                                                            $companyName = $companyGet ? $companyGet->company_name : '';
                                                                                        }

                                                                                        $put_subcon_file_id = isset($set_multi['subcon_file_id']) ? $set_multi['subcon_file_id'] : null;
                                                                                        $subcon_file_id = ($put_subcon_file_id != null) ? json_decode($put_subcon_file_id) : array();
                                                                                        $subcon_file_id_implode = (count($subcon_file_id) > 0) ? implode(',',$subcon_file_id) : null;
                                                                                        $subcon_files = \App\Models\TenderFiles::whereIn('id', $subcon_file_id)->get();
                                                                                    @endphp
                                                                                   
                                                                                    <tr data-tr_sub_id='{{$set_multi_count}}' data-tr_main_id='{{$tr_id}}'>
                                                                                        <td>
                                                                                            <input class="form-control" type="hidden" name="excel_id[{{$tr_id}}][]" id="excel_id" value="{{$excelData_id}}">
                                                                                            <span class="badge badge-secondary">{{ $companyName }}</span>
                                                                                        </td>

                                                                                        <td>
                                                                                            {{-- <span class="badge badge-secondary">{{$put_subcon ?? ''}}</span> --}}
                                                                                            <div id="sc_email_container_{{$tr_id}}_{{$set_multi_count}}">
                                                                                                <div class="field-row d-flex align-items-center mb-2" data-row-id="row_{{$tr_id}}_{{$set_multi_count}}">
                                                                                                    <div class="flex-grow-1 me-2">
                                                                                                        <input readonly style="width: 100px;" value="{{$put_subcon ?? ''}}" type="text" id="sc_email_co_{{$tr_id}}_{{$set_multi_count}}" 
                                                                                                            class="form-control multiple-emails" 
                                                                                                            name="sc_email_co[{{$tr_id}}][]" 
                                                                                                            placeholder="Enter emails here" />
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </td>
                                                                                        <td>
                                                                                            @foreach ($ccMailGet as $ccMail)
                                                                                                <span style="margin-bottom: 10px;" class="badge badge-secondary">{{ $ccMail->email_id }}</span>
                                                                                            @endforeach
                                                                                        </td>
                                                                                        <td>
                                                                                            <textarea style="width: 115px;" disabled class="form-control main_con_remarks" name="main_con_remarks" id="main_con_remarks" cols="5" rows="2">@if($main_con_remarks) {{ $main_con_remarks->main_con_remarks }} @endif</textarea>
                                                                                            <textarea placeholder="Enter Your Remarks" style="width: 115px;" class="form-control sc_remarks" name="sc_remarks[{{$tr_id}}][]" id="sc_remarks" cols="5" rows="2">{{$put_qc_remarks}}</textarea>
                                                                                        </td>
                                                                                        <td>
                                                                                            <div id="rfq_container_{{$tr_id}}_{{$set_multi_count}}">
                                                                                                <div class="field-row d-flex align-items-center mb-2" data-row-id="row_{{$tr_id}}_{{$set_multi_count}}">
                                                                                                    <div class="flex-grow-1 me-2">
                                                                                                        <div id="rfq_fileuploader_{{$tr_id}}_{{$set_multi_count}}" class="fileuploader" data-tr_sub_id="{{$set_multi_count}}" data-tr_id="{{$tr_id}}">Upload</div>
                                                                                                        <div id="rfq_file_display_{{$tr_id}}_{{$set_multi_count}}">
                                                                                                            @foreach ($subcon_files as $file)
                                                                                                                <div class="col-md-12">
                                                                                                                    <div style="color: green; font-weight:600; width:100%; font-size: 12px; word-wrap: break-word;" data-id="{{$file->id}}">@if($file->email_sent==1)<i class="fa fa-envelope" aria-hidden="true" style="color: black;"></i>
                                                                                                                        @endif{{$file->file_name}} &nbsp;&nbsp;
                                                                                                                        <button type="button" style="color: #980505; background: none;" class="btn btn-sm unselect_files" onclick="removeManualFiles('{{$tr_id}}','{{$file->id}}', '{{$set_multi_count}}')">
                                                                                                                            <li class="fa fa-trash"></li>
                                                                                                                        </button>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            @endforeach
                                                                                                        </div>
                                                                                                        <input type="hidden" name="rfq_file_id[{{$tr_id}}][]" id="rfq_file_id_{{$tr_id}}_{{$set_multi_count}}"
                                                                                                            value="{{$put_subcon_file_id ?? ''}}">
                                                                                                        {{-- <div id="rfq_url_container_{{$tr_id}}_{{$set_multi_count}}" style="display:none;">
                                                                                                            <input type="text" class="form-control" name="rfq_file_url[{{$tr_id}}][]" id="rfq_file_url_{{$tr_id}}_{{$set_multi_count}}" placeholder="Enter URL here" value="{{$subcon->manual_rfq_link}}">
                                                                                                        </div>    --}}
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    @php
                                                                                        $set_multi_count++;
                                                                                    @endphp
                                                                                @endforeach
                                                                            </table>
                                                                        </td>

                                                                        <td>
                                                                            <input type="date" id="quatation_request_date_{{$tr_id}}" class="form-control quatation_request_date" name="quatation_request_date[{{$tr_id}}][]" value="{{$subcon->quatation_request_date}}" max="{{($tender->extension_date != null) ? $tender->extension_date : $tender->dead_line}}" />
                                                                        </td>
                                                                    </tr>
                                                                    @php
                                                                        $tr_id++;
                                                                    @endphp
                                                                @empty
                                                                    <tr id="manual_trade_1" data-tr_id="1">
                                                                        <td colspan="8" style="text-align: center;">
                                                                            <label class="custom-checkbox">
                                                                                No Data Found
                                                                            </label>
                                                                        </td>
                                                                    </tr>
                                                                @endforelse
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <!--This is a manual process ends-->
                                                
                                                    <div class="d-flex justify-content-end">
                                                        <input type="button" class="btn btn-danger me-2" value="Back" onclick="location.href='{{ route('tender_home') }}'">
                                                        <input type="button" value="{{ __('Send / Save') }}" class="btn btn-primary me-2" id="edit_tender">
                                                        {{-- <input type="submit" value="{{ __('Save') }}" class="btn btn-primary" id="save_tender"> --}}
                                                    </div>
                                                </div>
                                            {{ Form::close() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


@include('new_layouts.footer')
<script src="http://hayageek.github.io/jQuery-Upload-File/4.0.11/jquery.uploadfile.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tagify/4.3.1/tagify.min.js"></script>
<script>
    var tempcsrf = '{!! csrf_token() !!}';
    let lastErrorMessage = '';
    let lastErrorTime    = 0;
    const ERROR_COOLDOWN = 3000; // 3 seconds cooldown between same messages

    $(document).ready(function() {
        tender_type = $(".tender_type_copy").val();

        if(tender_type == 2){
            // Assuming you want to pre-load the trade and division for each row
            $("#trade_table tbody tr").each(function() {
                var tr_id = $(this).data('tr_id'); // Get the tr_id from the row
                var tradeSelect = $("#get_trade_" + tr_id);
            
                if (tradeSelect.val() && tradeSelect.val().length > 0) {
                    var subDivision_id  = $("#set_subdivision_id_" + tr_id).val();
                    var subDivision_obj = (subDivision_id != null) ? jQuery.parseJSON(subDivision_id) : [];
                    trade(tradeSelect, tr_id, subDivision_obj);

                    setTimeout(function () {
                        if (subDivision_obj.length > 0) {
                            var divisionSelect      = $("#get_division_" + tr_id);
                            var selectedDivisionIds = divisionSelect.val();
                            var subCon_id           = $("#set_subcontractor_id_" + tr_id).val();
                            var subCon_id_obj       = (subCon_id != null) ? jQuery.parseJSON(subCon_id) : [];
                            subDivision(divisionSelect, tr_id, subCon_id_obj);
                        }
                    }, 900);
                    
                }
            });
        }
        else{
            $("#manual_trade_table tbody tr").each(function() {
                var tr_id = $(this).data('tr_id'); // Get the tr_id from the row
                var tradeSelect = $("#get_manual_trade_" + tr_id);
            
                if (tradeSelect.val() && tradeSelect.val().length > 0) {
                    var subDivision_id  = $("#set_manual_subdivision_id_" + tr_id).val();
                    var subDivision_obj = (subDivision_id != null) ? jQuery.parseJSON(subDivision_id) : [];
                    manual_trade(tradeSelect, tr_id, subDivision_obj);
                }
            });
        }

        setMulitpleOption();

        toastr.options = {
            preventDuplicates: true,
            timeOut: 3000,
            closeButton: true
        };

        $(".clarification_date, .dead_line, .extension_date").change(function() {
            validateDates();
        });

        checkTenderType();
        $('#tender_type').change(checkTenderType);
    });

    // function checkTenderType() {
    //     var tenderTypeValue = $('#tender_type').val(); // Get the selected value

    //     if (tenderTypeValue === "2") {
    //         $('#manual_process').hide();
    //         $('#auto_process').show();
    //     }
    //     else if (tenderTypeValue === "1") {
    //         $('#auto_process').hide();
    //         $('#manual_process').show();
    //     }
    //     else {
    //         $('#auto_process, #manual_process').hide();
    //     }
    // }

    $(".dead_line").change(function(){
        var value = $(this).val();
        $(".quatation_request_date").attr("max", value);
        $(".extension_date").attr("min", value);
    });

    $(".extension_date").change(function(){
        var value = $(this).val();
        $(".quatation_request_date").attr("max", value);
    });

    function trade(get_this, tr_id, selectedDivisionId){
        let tradeIds = $(get_this).val();
    
        $("#get_division_" + tr_id).empty(); // Empty divisions before loading new ones

        if (tradeIds.length > 0) {
            $.ajax({
                url: "{{route('get_divisions_tender')}}", // Your route for fetching divisions
                type: 'GET',
                data: { trade_ids: tradeIds },
                success: function(data) {
                    // Assuming data is an array of division objects
                    $.each(data, function(index, division) {
                        $("#get_division_" + tr_id).append(
                            $('<option>', {
                                value: division.id,
                                text: division.division_item
                            })
                        );
                    });

                    // Refresh the Chosen select plugin if using it
                    if (selectedDivisionId) {
                        $("#get_division_" + tr_id).val(selectedDivisionId).trigger("chosen:updated");
                    }

                    $("#get_division_" + tr_id).trigger("chosen:updated");
                },
                error: function(xhr) {
                    console.error('Error fetching divisions:', xhr);
                }
            });
        }
    }

    function manual_trade(get_this, tr_id, selectedDivisionId) {
        let tradeIds = $(get_this).val();
    
        if (Array.isArray(tradeIds)) {
        }
        else if (typeof tradeIds === 'string') {
            tradeIds = [tradeIds]; // Wrap in an array if a single value
        }
        else {
            tradeIds = []; // Default to empty array
        }

        const divisionElement = $("#get_manual_division_" + tr_id);
        divisionElement.empty();

        if (tradeIds.length > 0) {
            $.ajax({
                url: "{{route('get_divisions_tender')}}", // Your route for fetching divisions
                type: 'GET',
                data: { trade_ids: tradeIds },
                success: function(data) {
                    
                    // Filter divisions based on tradeIds
                    const filteredDivisions = data.filter(division => 
                        tradeIds.includes(division.trade_id.toString())
                    );

                    if (filteredDivisions.length > 0) {
                        $.each(filteredDivisions, function(index, division) {
                            divisionElement.append(
                                $('<option>', {
                                    value: division.id,
                                    text: division.division_item
                                })
                            );
                        });

                         // Refresh the Chosen select plugin if using it
                        if (selectedDivisionId) {
                            $("#get_manual_division_" + tr_id).val(selectedDivisionId).trigger("chosen:updated");
                        }

                        // Refresh the Chosen select plugin if using it
                        divisionElement.trigger("chosen:updated");
                    }
                    else {
                        console.log("No divisions found for the selected trade IDs.");
                    }
                },
                error: function(xhr) {
                    console.error('Error fetching divisions:', xhr);
                }
            });
        } else {
            console.log("No trade IDs found."); // Log when no trade IDs are present
        }
    }

    function subDivision(get_this, tr_id, selectedDivisionIds) {
    // Remove duplicate declaration
    var subcontractorData = [];
    
    // Get the values from the specific element
    var rawValue = $('#set_manual_subdivision_id_'+tr_id).val();
    console.log("rawValue", rawValue);
    
    // Make sure we have an actual array, not a string representation of an array
    let divisionIds = [];
    
    if (rawValue !== null && rawValue !== undefined) {
        // Check if rawValue is a string that looks like an array
        if (typeof rawValue === 'string' && rawValue.startsWith('[') && rawValue.endsWith(']')) {
            try {
                // Try to parse it as JSON
                divisionIds = JSON.parse(rawValue);
            } catch (e) {
                // If parsing fails, split by comma and remove brackets
                divisionIds = rawValue.replace('[', '').replace(']', '').split(',').map(id => id.trim());
            }
        } else if (Array.isArray(rawValue)) {
            // Already an array
            divisionIds = rawValue;
        } else {
            // Single value
            divisionIds = [rawValue];
        }
    }
    
    console.log("Processed divisionIds:", divisionIds);
    
    // Clear the target select box
    $("#get_subcontractor_"+tr_id).empty();

    // Collect data from other subcontractor selects
    $('#trade_table tr').each(function() {
        $(this).find('.get_subcontractor').each(function() {
            var val = $(this).val();
            if (val) {
                // Handle potential array values
                if (Array.isArray(val)) {
                    subcontractorData.push(...val);
                } else {
                    subcontractorData.push(val);
                }
            }
        });
    });

    // Create unique array of values
    var mergedArray = [...new Set(subcontractorData)];
    
    // Only proceed if we have division IDs
    if (divisionIds.length > 0) {
        $.ajax({
            url: "{{ route('get_tender_for_subcon') }}",
            type: 'GET',
            data: { division_ids: divisionIds },
            success: function(data) {
                console.log("Received subcontractors:", data);
                
                if (data && data.length > 0) {
                    // Add options to the select element
                    $.each(data, function(index, subcontractor) {
                        var optionValue = subcontractor.id;
                        var optionText = subcontractor.name;

                        var option = $('<option>', {
                            value: optionValue,
                            text: optionText
                        });
                        
                        $("#get_subcontractor_"+tr_id).append(option);
                    });

                    // Disable options that are already selected elsewhere
                    $("#get_subcontractor_"+tr_id+" option").each(function() {
                        if (mergedArray.includes($(this).val())) {
                            $(this).prop('disabled', true);
                        }
                    });

                    // Set previously selected values if provided
                    if (selectedDivisionIds) {
                        $("#get_subcontractor_" + tr_id).val(selectedDivisionIds);
                    }

                    // Refresh the Chosen select plugin
                    $("#get_subcontractor_" + tr_id).trigger("chosen:updated");
                } else {
                    // Update chosen even if no data returned
                    $("#get_subcontractor_" + tr_id).trigger("chosen:updated");
                }
            },
            error: function(xhr) {
                console.error('Error fetching subcontractors:', xhr);
                // Update chosen even on error
                $("#get_subcontractor_" + tr_id).trigger("chosen:updated");
            }
        });
    } else {
        // Empty the select and update chosen if no divisions selected
        $("#get_subcontractor_" + tr_id).trigger("chosen:updated");
    }
}

    function addRowAuto(){
        $(this).prop('disabled', true);
        var tr_last_id = $('#trade_table tr:last').data('tr_id');
       
        $.ajax({
            url : '{{ route("multi_add_trade") }}',
            type : 'POST',
            data : {
                _token: tempcsrf, tr_last_id:tr_last_id
            },
            dataType:'json',
            success : function(data) {
                if(data['status'] == true) {
                    $('#trade_table tbody').append(data['html']);

                    setTimeout(function () {
                        setMulitpleOption();
                        $(".add_row").prop('disabled', false);
                        var dead_line = $(".dead_line").val();
                        var extension_date = $(".extension_date").val();

                        if(extension_date != ''){
                            $(".quatation_request_date").attr("max", extension_date);
                        }
                        else{
                            $(".quatation_request_date").attr("max", dead_line);
                        }
                    }, 800);
                }
            },
            error : function(request,error)
            {
                alert("Request: "+JSON.stringify(request));
            }
        });
    }

    function addRowManual(){
        $(".add_row_manual").prop('disabled', true);
        // var tr_last_id = $('#manual_trade_table tr:last').data('tr_id');
        var maxId = 1;
        $('#manual_trade_table tr').each(function() {
            var currentId = $(this).data('tr_id');
            if (currentId && currentId > maxId) {
                maxId = currentId;
            }
        });
    
        var tr_last_id = maxId;
        console.log("manual tr_last_id", tr_last_id);
        
        
        $.ajax({
            url : '{{ route("manual_multi_add_trade") }}',
            type : 'POST',
            data : {
                _token: tempcsrf, tr_last_id:tr_last_id
            },
            dataType:'json',
            success : function(data) {
                if(data['status'] == true) {
                    $('#manual_trade_table').append(data['html']);

                    setTimeout(function () {
                        setMulitpleOption();
                        $(".add_row_manual").prop('disabled', false);
                        var dead_line = $(".dead_line").val();
                        var extension_date = $(".extension_date").val();
                        email_increment(tr_last_id + 1);
                        if(extension_date != ''){
                            $(".quatation_request_date").attr("max", extension_date);
                        }
                        else{
                            $(".quatation_request_date").attr("max", dead_line);
                        }
                    }, 800);
                }
            },
            error : function(request,error)
            {
                alert("Request: "+JSON.stringify(request));
            }
        });
    }

    function removeRow(e, tr_last_id) {
        $('#trade_'+tr_last_id).remove();
    }

    function removeRowmanual(e, tr_last_id) {
        $('#manual_trade_'+tr_last_id).remove();
    }

    function setMulitpleOption(){
        $(".get_incharge").chosen({
            placeholder_text: "{{ __('Incharge') }}"
        });

        $(".get_manincharge").chosen({
            placeholder_text: "{{ __('Incharge') }}"
        });

        $(".get_trade").chosen({
            placeholder_text: "{{ __('Trade') }}"
        });

        $(".get_division").chosen({
            placeholder_text: "{{ __('Sub-Division') }}"
        });

        $(".get_trade_manual").chosen({
            placeholder_text: "{{ __('Trade') }}"
        });
        $('.get_trade_manual').next('.chosen-container').hide();

        $(".get_division_manual").chosen({
            placeholder_text: "{{ __('Sub-Division') }}"
        });
        $('.get_division_manual').next('.chosen-container').hide();

        $(".get_subcontractor").chosen({
            placeholder_text: "{{ __('SubContractor') }}"
        });

        $('#trade_table tbody tr').each(function() {
            var trId = $(this).data('tr_id');

            $("#fileuploader_"+trId).uploadFile({
                url:"{{ route('tender_fileupload') }}",
                dynamicFormData: function() {
                    var data ={ _token: tempcsrf, tr_id: trId, tender_id: $("#tender_id").val()};
                    return data;
                },
                fileName:"myfile",
                multiple:true,
                dragDrop:true,
                showDelete: true,
                showStatusAfterSuccess: true,
                showStatusAfterError: true,
                showFileCounter: true,
                showFileSize: true,
                onSelect:function(files){
                    $(".ajax-file-upload-statusbar").remove();
                },
                onSuccess: function (files, data, xhr) {
                    if (data.status == true) {
                        $(".ajax-file-upload-progress").hide();
                        $("#tender_id").val(data.tender_id);

                        var currentFileId = data.file_id;
                        var fileIdTextbox = $('#file_id_' + trId);
                        var currentValue = fileIdTextbox.val();

                        if (currentValue) {
                            var fileIds = currentValue.split(',').map(function(item) {
                                return item.trim();
                            });

                            if (fileIds.indexOf(currentFileId) === -1) {
                                fileIds.push(currentFileId);
                            }

                            fileIdTextbox.val(fileIds.join(', '));
                        }
                        else {
                            fileIdTextbox.val(currentFileId);
                        }

                        $(".ajax-file-upload-statusbar").css("display", "none");

                        var _html = '<div class="col-md-12">'+
                            '<div style="color: green; font-weight:600; width:100%; font-size: 12px; word-wrap: break-word;" data-id="'+data.file_id+'">'+data.file_name+' &nbsp;&nbsp;'+
                                '<button type="button" style="color: #980505; background: none; padding: 0; margin-top: -5px;" class="btn btn-sm unselect_files" onclick="removeFiles('+trId+','+data.file_id+')">'+
                                    '<li class="fa fa-trash"></li>'+
                                '</button>'+
                            '</div>'+
                        '</div>';
                        
                        $("#file_display_"+trId).append(_html);
                    }
                }
            });
        });

        $('#manual_trade_table tbody tr').each(function() {
            var trId = $(this).data('tr_id');
            initializeEmailValidation('#sc_email_co_'+trId);
            initializeEmailTagInput('#to_email_co_'+trId);
            

            $("#manual_fileuploader_"+trId).uploadFile({
                url:"{{ route('tender_fileupload') }}",
                dynamicFormData: function() {
                    var data ={ _token: tempcsrf, tr_id: trId, tender_id: $("#tender_id").val() };
                    return data;
                },
                fileName:"myfile",
                multiple:true,
                dragDrop:true,
                showDelete: true,
                showStatusAfterSuccess: true,
                showStatusAfterError: true,
                showFileCounter: true,
                showFileSize: true,
                onSelect:function(files){
                    $(".ajax-file-upload-statusbar").remove();
                },
                onSuccess: function (files, data, xhr) {
                    if (data.status == true) {
                        $(".ajax-file-upload-progress").hide();
                        $("#tender_id").val(data.tender_id);

                        var currentFileId = data.file_id;
                        var fileIdTextbox = $('#manual_file_id_' + trId);
                        var currentValue = fileIdTextbox.val();

                        if (currentValue) {
                            var fileIds = currentValue.split(',').map(function(item) {
                                return item.trim();
                            });

                            if (fileIds.indexOf(currentFileId) === -1) {
                                fileIds.push(currentFileId);
                            }

                            fileIdTextbox.val(fileIds.join(', '));
                        }
                        else {
                            fileIdTextbox.val(currentFileId);
                        }

                        $(".ajax-file-upload-statusbar").css("display", "none");

                        var _html = '<div class="col-md-12">'+
                            '<div style="color: green; font-weight:600; width:100%; font-size: 12px; word-wrap: break-word;" data-id="'+data.file_id+'">'+data.file_name+' &nbsp;&nbsp;'+
                                '<button type="button" style="color: #980505; background: none; padding: 0; margin-top: -5px;" class="btn btn-sm unselect_files" onclick="removeFiles('+trId+','+data.file_id+')">'+
                                    '<li class="fa fa-trash"></li>'+
                                '</button>'+
                            '</div>'+
                        '</div>';
                        
                        $("#manual_file_display_"+trId).append(_html);
                    }
                }
            });

            initializeField(trId);
        });
    }

    function removeFiles(tr_id, file_id){
        var fileIdTextbox = $('#file_id_' + tr_id);
        var currentValue = fileIdTextbox.val();
        var tender_id = $("#tender_id").val();

        swal.fire({
            title: "Delete?",
            icon: 'question',
            text: "Please ensure and then confirm!",
            type: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, cancel!",
            reverseButtons: true
        }).then(function (e) {
            if (e.value === true) {
                $.ajax({
                    url: "{{ route('delete-tender-files') }}",
                    method: 'POST',
                    data: {
                        file_id: file_id,
                        tender_id: tender_id,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function (response) {
                        if (response.success) {

                            if (currentValue) {
                                var fileIds = currentValue.split(',').map(function(item) {
                                    return item.trim();
                                });

                                var index = fileIds.indexOf(file_id.toString());
                                if (index > -1) {
                                    fileIds.splice(index, 1);
                                }

                                fileIdTextbox.val(fileIds.join(', '));
                            }

                            $('#file_display_'+tr_id+' div[data-id="'+file_id+'"]').remove();

                            swal.fire("Deleted!", "The file has been deleted.", "success");
                        }
                        else {
                            swal.fire("Failed!", "An error occurred while deleting the file.", "error");
                        }
                    },
                    error: function () {
                        swal.fire("Error!", "There was a problem with the request.", "error");
                    }
                });
            }
            else {
                e.dismiss;
            }
        });
    }

    function removeManualFiles(tr_id, file_id, tr_sub_id){
        merge_id = tr_id+'_'+tr_sub_id;
        var fileIdTextbox = $('#rfq_file_id_' + merge_id);
        var currentValue  = fileIdTextbox.val();
        var tender_id     = $("#tender_id").val();

        swal.fire({
            title: "Delete?",
            icon: 'question',
            text: "Please ensure and then confirm!",
            type: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, cancel!",
            reverseButtons: true
        }).then(function (e) {
            if (e.value === true) {
                $.ajax({
                    url: "{{ route('delete-tender-files') }}",
                    method: 'POST',
                    data: {
                        file_id: file_id,
                        tender_id: tender_id,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function (response) {
                        if (response.success) {

                            if (currentValue) {
                                var fileIds = currentValue.split(',').map(function(item) {
                                    return item.trim();
                                });

                                var index = fileIds.indexOf(file_id.toString());
                                if (index > -1) {
                                    fileIds.splice(index, 1);
                                }

                                fileIdTextbox.val(fileIds.join(', '));
                            }

                            $('#rfq_file_display_'+merge_id+' div[data-id="'+file_id+'"]').remove();

                            swal.fire("Deleted!", "The file has been deleted.", "success");
                        }
                        else {
                            swal.fire("Failed!", "An error occurred while deleting the file.", "error");
                        }
                    },
                    error: function () {
                        swal.fire("Error!", "There was a problem with the request.", "error");
                    }
                });
            }
            else {
                e.dismiss;
            }
        });
    }

    $(document).on("focusout", '#project_name', function () {
        $.ajax({
            url : '{{ route("check_duplicate_project_name") }}',
            type : 'GET',
            data : {   'getid': "{{ $tender->id }}",'getname' : $("#project_name").val(),'formname' : "create" },
            success : function(data) {
                if(data == 1){
                    $("#edit_tender").prop('disabled',false);
                    $(".project_duplicate_error").css('display','none');
                }
                else{
                    $("#edit_tender").prop('disabled',true);
                    $(".project_duplicate_error").css('display','block');
                }
            },
            error : function(request,error)
            {
                // alert("Request: "+JSON.stringify(request));
            }
        });
    });
    $(document).ready(function(){
        $('#preloader').hide();
    });

    $('#tenderEdit').submit(function(event) {
        event.preventDefault(); 	
        $('#preloader').show(); 
        $(this).unbind('submit').submit();
    });
    
    function validateDates() {
        const clarificationDate = new Date($(".clarification_date").val());
        const tenderClosingDate = new Date($(".dead_line").val());
        const extensionDate = new Date($(".extension_date").val());

        // Check if clarification date is less than tender closing date
        if (clarificationDate && tenderClosingDate && clarificationDate >= tenderClosingDate) {
            toastr.error('Clarification Date must be less than Tender Closing Date.');
            $(".clarification_date").val('');
        }

        // Check if tender closing date is less than extension date (if given)
        if (tenderClosingDate && extensionDate && tenderClosingDate >= extensionDate) {
            toastr.error('Tender Closing Date must be less than Extension Date.');
            $(".dead_line").val('');
        }

        // Check if extension date is greater than tender closing date
        if (extensionDate && tenderClosingDate && extensionDate <= tenderClosingDate) {
            toastr.error('Extension Date must be greater than Tender Closing Date.');
            $(".extension_date").val('');
        }

        // Update the max/min attributes based on current dates
        if (clarificationDate) {
            $(".dead_line").attr("min", clarificationDate.toISOString().split("T")[0]);
        }
        if (tenderClosingDate) {
            $(".extension_date").attr("min", tenderClosingDate.toISOString().split("T")[0]);
        }
    }

    function showToastrError(message) {
        const currentTime = Date.now();
        
        // Only show the message if it's different from the last one
        // or if enough time has passed since the last same message
        if (message !== lastErrorMessage || (currentTime - lastErrorTime) > ERROR_COOLDOWN) {
            toastr.clear(); // Clear any existing notifications
            toastr.error(message);
            lastErrorMessage = message;
            lastErrorTime = currentTime;
        }
    }

    function isValidEmail(email) {
        const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
        return emailRegex.test(email);
    }

    function initializeEmailValidation(selector) {
        const input = document.querySelector(selector);
        if (!input) return;

        // Initialize Tagify with validation and max items restriction
        return new Tagify(input, {
            maxTags: 1,
            validate: function(tag) {
                const email = tag.value;
                const valid = isValidEmail(email);
                if (!valid) {
                    showToastrError('Please enter a valid email address');
                }
                return valid;
            },
            transformTag: function(tagData) {
                // Convert email to lowercase before adding as a tag
                tagData.value = tagData.value.toLowerCase();
            },
            dropdown: {
                enabled: 0 // Disable dropdown suggestions
            }
        });
    }
    function initializeEmailTagInput(selector) {
        const input = document.querySelector(selector);
        if (!input) return;

        // Initialize Tagify for email input with validation
        return new Tagify(input, {
            validate: function(tag) {
                const email = tag.value;
                const valid = isValidEmail(email);
                if (!valid) {
                    showToastrError('Please enter a valid email address');
                }
                return valid;
            },
            transformTag: function(tagData) {
                // Convert email to lowercase before adding as a tag
                tagData.value = tagData.value.toLowerCase();
            },
            dropdown: {
                enabled: 0 // Disable dropdown suggestions
            }
        });
    }


    function email_increment(id) {
        // Initialize Tagify with validation for dynamically added email inputs
        initializeEmailValidation('#sc_email_co_' + id);
        initializeEmailTagInput('#to_email_co_' + id);
    }

    function checkTenderType() {
        var tenderTypeValue = $('#tender_type').val(); // Get the selected value
        // console.log("tenderTypeValue",tenderTypeValue);
        var tender_type_copy=$("#tender_type_copy").val();
       
        $('#tender_type_copy').val(tenderTypeValue);
        
        if (tenderTypeValue === "2") {
            $('#manual_process').hide();
            $('#edit_tender').hide();
            
            $('#auto_process').show();
        } else if (tenderTypeValue === "1") {
            $('#auto_process').hide();
            $('#manual_process').show();
        
            // Additional logic for Type 0
        } else {
            $('#auto_process, #manual_process').hide();
        }

        if (tenderTypeValue) {
            $('#tender_type').prop('disabled', true);
        }

    }

    function initializeField(tr_main_id) {
        var tr_main_id = (tr_main_id == 0) ? 1 : tr_main_id;

        $('#manual_trade_sub_table_'+tr_main_id+' tr').each(function() {
            var tr_main_id = $(this).data('tr_main_id');
            var tr_sub_id  = $(this).data('tr_sub_id');
            set_merge_id = tr_main_id+'_'+tr_sub_id;

            let emailInput = document.getElementById('sc_email_co_'+set_merge_id);
            let toInput = document.getElementById('to_email_co_'+tr_main_id);
            if (emailInput) {
                new Tagify(emailInput, {
                    maxTags: 1, // Allow only one email
                    pattern: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
                    dropdown: {
                        enabled: 0
                    }
                });

            //     emailInput.addEventListener('change', function(e) {
            //         // Check if the input value is empty
            //         if (!this.value) {
            //             $('#edit_tender').prop('disabled', false);
            //             return; // Exit the function early
            //         }

            //         $.ajax({
            //             url: '{{ route("check_tender_email") }}',
            //             type: 'GET',
            //             data : { 'getid': "1",'getname' : this.value,'formname' : "Users" },
            //             success: function(data) {
            //                 if (!data.exists) { // Check if email is available
            //                     $('#edit_tender').prop('disabled', false);
            //                 } else {
            //                     $('#edit_tender').prop('disabled', true);
            //                     toastr.error(data.message || 'Email is already in use');
            //                     emailInput.value = ''; // Clear the input value if email is already in use
            //                 }
            //             },
            //             error: function(request, error) {
            //                 console.error("Request error: ", request);
            //             }
            //         });
            //   });
            }

            var $fileUploader = $("#rfq_fileuploader_" + set_merge_id);

            // Accessing data attributes directly
            var tr_ids = $fileUploader.data('tr_id');
            var tr_sub_ids = $fileUploader.data('tr_sub_id');

            $fileUploader.uploadFile({
                url:"{{ route('tender_fileupload') }}",
                dynamicFormData: function() {
                    var data ={ _token: tempcsrf, tr_id: tr_main_id, tender_id: $("#tender_id").val(), upload_type: 'rfq'};
                    return data;
                },
                fileName:"myfile",
                multiple:true,
                dragDrop:true,
                showDelete: true,
                showStatusAfterSuccess: true,
                showStatusAfterError: true,
                showFileCounter: true,
                showFileSize: true,
                onSelect:function(files){
                    $(".ajax-file-upload-statusbar").remove();
                },
                onSuccess: function (files, data, xhr) {
                    if (data.status == true) {
                        set_mergerge_inside_id = tr_ids+'_'+tr_sub_ids;
                        $(".ajax-file-upload-progress").hide();
                        $("#tender_id").val(data.tender_id);

                        console.log("set_mergerge_inside_id",set_mergerge_inside_id);

                        var currentFileId = data.file_id;
                        var fileIdTextbox = $('#rfq_file_id_' + set_mergerge_inside_id);
                        var currentValue = fileIdTextbox.val();

                        if (currentValue) {
                            var fileIds = currentValue.split(',').map(function(item) {
                                return item.trim();
                            });

                            if (fileIds.indexOf(currentFileId) === -1) {
                                fileIds.push(currentFileId);
                            }

                            fileIdTextbox.val(fileIds.join(', '));
                        }
                        else {
                            fileIdTextbox.val(currentFileId);
                        }

                        $(".ajax-file-upload-statusbar").css("display", "none");

                        var _html = '<div class="col-md-12">'+
                            '<div style="color: green; font-weight:600; width:100%; font-size: 12px; word-wrap: break-word;" data-id="'+data.file_id+'">'+data.file_name+' &nbsp;&nbsp;'+
                                '<button type="button" style="color: #980505; background: none; padding: 0; margin-top: -5px;" class="btn btn-sm unselect_files" onclick="removeManualFiles('+tr_ids+','+data.file_id+', '+tr_sub_ids+')">'+
                                    '<li class="fa fa-trash"></li>'+
                                '</button>'+
                            '</div>'+
                        '</div>';
                        
                        $("#rfq_file_display_"+set_mergerge_inside_id).append(_html);
                    }
                }
            });
        });
    }

   
    function addFields(rowId) {
        $(this).prop('disabled', true);

        console.log("Manual add Fields: ", rowId);
        
        var tr_sub_id = $('#manual_trade_sub_table_'+rowId+' tr:last').data('tr_sub_id');
        
        
        
        $.ajax({
            url : '{{ route("manual_multi_email_add_trade") }}',
            type : 'POST',
            data : {
                _token: tempcsrf, tr_sub_id:tr_sub_id, tr_main_id:rowId
            },
            dataType:'json',
            success : function(data) {
                if(data['status'] == true) {
                    $('#manual_trade_sub_table_'+rowId).append(data['html']);

                    setTimeout(function () {
                        $(this).prop('disabled', false);
                        initializeField(rowId);
                        
                        // Get the newest sub_id after adding the row
                        var new_tr_sub_id = $('#manual_trade_sub_table_'+rowId+' tr:last').data('tr_sub_id');
                        var set_merge_id = rowId + '_' + new_tr_sub_id;
                        
            
                    }, 800);
                }
            },
            error : function(request,error)
            {
                alert("Request: "+JSON.stringify(request));
            }
        });
    }

    function removeEntireRow(button) {
        const row = button.closest('tr');
        if (!row) return;

    
        console.log("Row found: ", row);

      
        const fieldRows = row.querySelectorAll('.field-row');
        
        if (fieldRows.length === 0) {
            console.error("No .field-row found in the row for the button");
            return;
        }

        const fileRow = fieldRows[1]; 

      
        const rowId = fileRow.getAttribute('data-row-id');
        console.log("Row ID: ", rowId);

       
        row.remove();
    }

    $(document).ready(function() {
    $('#edit_tender').on('click', function(e) {
        e.preventDefault();
        $('#send_email').val('1');
        $('#tenderEdit').submit();
    });
});
// $('#check_box_status').on('click', function() {
//     var isChecked = $(this).prop('checked');
//     $('.check_box_status').prop('checked', isChecked);
// });
// $('#manual_check_box_status').on('click', function() {
//     var isChecked = $(this).prop('checked');
//     $('.manual_check_box_status').prop('checked', isChecked);
// });

// $(document).ready(function() {
//     // Update the value and disable on page load if necessary
//     updateManualCheckBoxStatus();

//     // Listen for changes on checkboxes with the class '.manual_check_box_status'
//     $('.manual_check_box_status').change(function() {
//         updateManualCheckBoxStatus();
//     });

//     function updateManualCheckBoxStatus() {
//         // If at least one checkbox with the class '.manual_check_box_status' is checked
//         if ($('.manual_check_box_status:checked').length > 0) {
//             $('#manual_check_box_status').prop('checked', true);  // Check the #manual_check_box_status checkbox
//             $('#manual_check_box_status').val('1');  // Set its value to 1
//             // Disable all checkboxes with class 'manual_check_box_status' once checked
//             $('.manual_check_box_status').prop('disabled', true);
//         } else {
//             $('#manual_check_box_status').prop('checked', false);  // Uncheck the #manual_check_box_status checkbox
//             $('#manual_check_box_status').val('0');  // Set its value to 0
//             // Enable all checkboxes with class 'manual_check_box_status' if none are checked
//             $('.manual_check_box_status').prop('disabled', false);
//         }
//     }
// });

function get_file_type(trId) {
    var selectedType = $('#get_file_type_' + trId).val(); // Get selected value
    // console.log("selectedType",selectedType);
    // // Loop through all the sub-elements that might exist
    // $('[id^="rfq_container_' + trId + '_"]').each(function() {
    //     var subId = $(this).attr('id').split('_').pop(); // Get the sub ID from the container ID
        
    //     if (selectedType === '0') { // Link option
    //         // Hide the file uploader and its display
    //         $('#rfq_fileuploader_' + trId + '_' + subId).hide();
    //         $('#rfq_file_display_' + trId + '_' + subId).hide();
            
    //         // Show the URL input field
    //         $('#rfq_url_container_' + trId + '_' + subId).show();
            
    //     } else if (selectedType === '1') { // Upload option
    //         // Show the file uploader and its display
    //         $('#rfq_fileuploader_' + trId + '_' + subId).show();
    //         $('#rfq_file_display_' + trId + '_' + subId).show();
            
    //         // Hide the URL input field
    //         $('#rfq_url_container_' + trId + '_' + subId).hide();
            
    //     } else { // Default or no selection
    //         // Hide everything
    //         $('#rfq_fileuploader_' + trId + '_' + subId).hide();
    //         $('#rfq_file_display_' + trId + '_' + subId).hide();
    //         $('#rfq_url_container_' + trId + '_' + subId).hide();
    //     }
    // });
    
    // Also handle the manual elements if they exist
    if (selectedType === '0') { // Link option
        console.log("1");
        $('#manual_fileuploader_' + trId).hide();
        $('#manual_file_display_' + trId).hide();
        $('#manual_url_container_' + trId).show();
    } else if (selectedType === '1') { // Upload option
        console.log("2");
        $('#manual_fileuploader_' + trId).show();
        $('#manual_file_display_' + trId).show();
        $('#manual_url_container_' + trId).hide();
    } else { // Default or no selection
        $('#manual_fileuploader_' + trId).hide();
        $('#manual_file_display_' + trId).hide();
        $('#manual_url_container_' + trId).hide();
    }
}
$(document).ready(function() {
    // Loop through all existing rows and initialize based on their method_type value
    $('.get_file_type_auto').each(function() {
        // Extract tr_id from the ID by splitting it based on "_" and getting the last part
        var tr_id = $(this).attr('id').split('_').pop(); // Get the last part of the ID string
        console.log("tr_id:", tr_id); // Check the tr_id value in the console
        auto_get_file_type(tr_id); // Call function to set the visibility
    });

    $('.get_file_type_manual').each(function() {
        // Extract tr_id from the ID by splitting it based on "_" and getting the last part
        var tr_id = $(this).attr('id').split('_').pop(); // Get the last part of the ID string
        console.log("tr_id:", tr_id); // Check the tr_id value in the console
        get_file_type(tr_id); // Call function to set the visibility
    });
});

function auto_get_file_type(tr_id) {
    // Get selected value for this tr_id
    var selectedType = $('#get_auto_file_type_' + tr_id).val();
    console.log("selectedType:", selectedType); // Debugging the selected value

    // Hide all sections initially
    $('#fileuploader_' + tr_id).hide();
    $('#file_display_' + tr_id).hide();
    $('#auto_url_container_' + tr_id).hide();

    // Show the corresponding section based on the selected value
    if (selectedType === '0') { // Link option
        $('#auto_url_container_' + tr_id).show();
    } else if (selectedType === '1') { // Upload option
        $('#fileuploader_' + tr_id).show();
        $('#file_display_' + tr_id).show();
    } else { // Default or no selection
        $('#fileuploader_' + tr_id).hide();
        $('#file_display_' + tr_id).hide();
        $('#auto_url_container_' + tr_id).hide();
    }
}
function handleFileUrlFocusOut(input, trId, record_id) {
    var url = input.value;
    var tender_id = $('#tender_id').val();
    var tempcsrf = $('meta[name="csrf-token"]').attr('content');
   $.ajax({
        url: '{{ route("get_manual_url") }}',
        type: 'POST',
        data: {
            _token: tempcsrf,
            tr_id: trId,
            url: url,
            tender_id: tender_id,
            record_id: record_id
        },
        success: function (response) {
            if (response.status === true) {
                toastr.success(response.message || 'URL saved successfully.');
            }
        },
        error: function (xhr) {
        }
    });

}
</script>