@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;
}
.ajax-upload-dragdrop span {
    display: none; /* Hides the drag and drop sentence */
}
[id^="get_main_task_"][id$="_chosen"].chosen-container {
    width: 350px !important;
}
[id^="get_manincharge_"][id$="_chosen"].chosen-container {
    width: 250px !important;
}
[id^="get_sub_task_"][id$="_chosen"].chosen-container {
    width: 350px !important;
}
select[id^="status_"] {
    width: 140px !important;
}
textarea[id^="comments_"] {
    width: 140px !important;
}
.chosen-container {
    width: 100% !important; 
}
[id^="fileuploader_"] .ajax-upload-dragdrop b {
    display: none;
}
.ajax-file-upload-statusbar{
    width: 200px !important;
}
.ajax-file-upload-filename {
    width: 200px !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;
    }
}

#auto_process{
    display: none;
}

.chosen-container-single{
    width: 77% !important;
    min-width: 77% !important;
    max-width: 77% !important;
}

.form-control.date_class{
    width: 85% !important;
}
</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">{{ __('Create & Manage Tender Tracker and Tasks') }}</h2>
                    </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::open(['route' => 'tender_distribution.store', 'method' => 'post', 'id' => 'tenderCreate', 'enctype' => 'multipart/form-data']) }}
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4 col-sm-4">
                                                        @php
                                                            $rndColor = Utility::rndRGBColorCode();
                                                        @endphp
                                            
                                                        <input type="hidden" name="color_code" value="{{ $rndColor }}">
                                                        
                                                        <div class="form-group">
                                                            {{ Form::label('project_name', __('Project Name'), ['class' => 'form-label']) }}<span
                                                                style='color:red;'>*</span>
                                                                <input type="text" name="project_name" id="project_name" value="{{ old('project_name') }}" class="form-control project_name @error('project_name') is-invalid @enderror" required>
                                                                <span class="invalid-name project_duplicate_error" role="alert" style="display: none;">
                                                                    <span class="text-danger">{{__('Project name Already Exist!')}}</span>
                                                                </span>
                                                                @error('project_name')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                @enderror
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="form-group">
                                                            {{ Form::label('type', __('Tender Type'), ['class' => 'form-label']) }}<span style='color:red;'>*</span>
                                                            <select name="tender_type" id="tender_type" class="form-control tender_type @error('tender_type') is-invalid @enderror">
                                                                <option value="" disabled selected>Select Tender Type</option>
                                                                <option value="1" {{ old('tender_type') == '1' ? 'selected' : '' }}>Manual (Mc only & SC by email)</option>
                                                                <option value="2" {{ old('tender_type') == '2' ? 'selected' : '' }}>Dynamic (MC & SC)</option>
                                                            </select>
                                                            
                                                            <!-- Display validation error message -->
                                                            @error('tender_type')
                                                                <div class="invalid-feedback">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="form-group">
                                                            {{ Form::label('type', __('Status'), ['class' => 'form-label']) }}<span style='color:red;'>*</span>
                                                            <select name="overall_status" id="overall_status" class="form-control overall_status @error('overall_status') is-invalid @enderror" onchange="checkTenderType();">
                                                                <option value="">Select Tender Status</option>
                                                                <option value="1" {{ old('overall_status') == '1' ? 'selected' : '' }}>Ongoing</option>
                                                                <option value="2" {{ old('overall_status') == '2' ? 'selected' : '' }}>Negotiation</option>
                                                                <option value="3" {{ old('overall_status') == '2' ? 'selected' : '' }}>Closed</option>
                                                            </select>
                                                            
                                                            <!-- Display validation error message -->
                                                            @error('overall_status')
                                                                <div class="invalid-feedback">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-2 col-md-2 col-sm-2">
                                                        <div class="form-group">
                                                            {{ Form::label('type', __('Rev'), ['class' => 'form-label']) }}
                                                            <select name="rev" id="rev" class="form-control rev">
                                                                @for ($i = 0; $i <= 10; $i++)
                                                                    <option value="{{$i}}">{{$i}}</option>
                                                                @endfor
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="form-group">
                                                            {{ Form::label('received_on', __('Received On'), ['class' => 'form-label']) }}<span
                                                                style='color:red;'>*</span>
                                                                {{ Form::date('received_on', old('received_on'), [
                                                                    'class' => 'form-control received_on' . ($errors->has('received_on') ? ' is-invalid' : '')
                                                                ]) }}
                                                                
                                                                @error('received_on')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                @enderror
                                                        </div>
                                                    </div>
                                            
                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="form-group">
                                                            {{ Form::label('clarification_date', __('Clarification Date'), ['class' => 'form-label']) }}<span
                                                                style='color:red;'>*</span>
                                                                {{ Form::date('clarification_date', old('clarification_date'), [
                                                                    'class' => 'form-control clarification_date' . ($errors->has('clarification_date') ? ' is-invalid' : '')
                                                                ]) }}
                                                                
                                                                @error('clarification_date')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                @enderror
                                                        </div>
                                                    </div>
                                            
                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="form-group">
                                                            {{ Form::label('dead_line', __('Tender Closing Date'), ['class' => 'form-label ']) }}<span
                                                                style='color:red;'>*</span>
                                                                {{ Form::date('dead_line', old('dead_line'), [
                                                                    'class' => 'form-control dead_line' . ($errors->has('dead_line') ? ' is-invalid' : ''),
                                                                    'required' => true
                                                                ]) }}
                                                                
                                                                @error('dead_line')
                                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                                @enderror
                                                        </div>
                                                    </div>
                                            
                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="form-group">
                                                            {{ Form::label('extension_date', __('Extension Date'), ['class' => 'form-label']) }}
                                                            {{ Form::date('extension_date', null, ['class' => 'form-control extension_date']) }}
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                                        <div class="form-group">
                                                            {{ Form::label('mc_comments', __('Project Description'), ['class' => 'form-label']) }}
                                                            <div class="form-icon-user">
                                                                <textarea class="form-control mc_comments" name="mc_comments" rows="4"></textarea>
                                                            </div>
                                                            <span class="show_document_error" style="color:red;"></span>
                                                        </div>
                                                    </div>

                                                    <!--This is a manual process starts-->
                                                    <div class="col-lg-12 col-md-12 col-sm-12" id="manual_process">
                                                        <div class="table-responsive">
                                                            <table class="table table-vcenter card-table" id="manual_trade_table" aria-describedby="Manual Tender Management">
                                                                <thead>
                                                                    <tr>
                                                                        {{-- <th style="width: 12.5%">{{ __('Sl.no') }}</th> --}}
                                                                        <th style="width: 12.5%">{{ __('Main Tasks') }}</th>
                                                                        <th style="width: 12.5%">{{ __('Sub Tasks') }}</th>
                                                                        <th style="width: 12.5%">{{ __('Action By') }}</th>
                                                                        <th style="width: 12.5%">{{ __('From') }}</th>
                                                                        <th style="width: 12.5%">{{ __('To') }}</th>
                                                                        <th style="width: 12.5%">{{ __('Cut-off Date') }}</th>
                                                                        <th style="width: 12.5%">{{ __('Status') }}</th>
                                                                        {{-- <th style="width: 12.5%">{{ __('Actual Comp') }}</th> --}}
                                                                        <th style="width: 15%">{{ __('Remarks') }}</th>
                                                                        <th style="width: 10%">{{ __('Action') }}</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr id="manual_trade_1" data-tr_id="1">
                                                                        {{-- <td>
                                                                            <input type="checkbox" class="form-control manual_check_box_status" name="check_box_status[1][]">
                                                                        </td> --}}

                                                                        <td>
                                                                            <select id="get_main_task_1" class="form-control chosen-select get_main_task" class="form-control" name="main_task[1]">
                                                                                <option value="">Select Main Task</option>
                                                                                @foreach ($main_tasks as $main)
                                                                                    <option value="{{ $main->id }}">{{ $main->task }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>

                                                                        <td>
                                                                            <select id="get_sub_task_1"  class="form-control chosen-select get_sub_task" name="sub_task[1]">
                                                                                <option value="">Select Sub Task</option>
                                                                                @foreach ($sub_tasks as $sub)
                                                                                    <option value="{{ $sub->id }}">{{ $sub->sub_task }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>

                                                                        <td>
                                                                            <select id="get_manincharge_1" class="form-control chosen-select get_manincharge" name="incharge_id[1][]" multiple="true">
                                                                                @foreach ($incharge as $charge)
                                                                                    <option value="{{ $charge->id }}">{{ $charge->name }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>

                                                                        <td>
                                                                            <input type="date" class="date_class form-control" name="from[1]" id="from_1">
                                                                        </td>

                                                                        <td>
                                                                            <input type="date" class="date_class form-control" name="to[1]" id="to_1">
                                                                        </td>

                                                                        <td>
                                                                            <input type="date" class="date_class form-control" name="to[1]" id="to_1">
                                                                        </td>

                                                                        <td>
                                                                            <select id="status_1" class="form-control" name="status[1]">
                                                                                <option value="">Select Status</option>
                                                                                <option value="1">Completed</option>
                                                                                <option value="2">Ongoing</option>
                                                                                <option value="3">Pending</option>
                                                                            </select>
                                                                        </td>

                                                                        {{-- <td>
                                                                            <input type="date" class="form-control" name="actual_comp[1]" id="actual_comp_1">
                                                                        </td> --}}
                                                                    
                                                                        <td>
                                                                            <textarea id="comments_1" class="form-control comments" name="comments[1]"></textarea>
                                                                        </td>

                                                                        <td>
                                                                            <button onclick="addRowManual();" type="button" class="btn btn-primary add_row_manual"><i class="fa fa-plus" aria-hidden="true"></i></button>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </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_distribution.index') }}'">
                                                        <input type="submit" value="{{ __('Save') }}" class="btn btn-primary me-2" id="create_tender">
                                                    </div>
                                                    
                                                </div>
                                            {{ Form::close() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


@include('new_layouts.footer')
<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() {
        setMulitpleOption();

        $('#preloader').hide();

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

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

    $(".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 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;
        
        $.ajax({
            url : '{{ route("manual_trade_distribution_add") }}',
            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 removeRowmanual(e, tr_last_id) {
        $('#manual_trade_'+tr_last_id).remove();
    }

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

        $(".get_main_task").chosen({
            placeholder_text: "{{ __('Main Task') }}"
        });

        $(".get_sub_task").chosen({
            placeholder_text: "{{ __('Sub Task') }}"
        });

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

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

    $('#tenderCreate').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);
    }
</script>