@extends('Users.app')


@section('content')
<div class="card mb-3">
    <div class="card-header">
        <div class="row flex-between-end">
            <div class="col-auto align-self-center">
                <h5 class="mb-0" data-anchor="data-anchor">Add Lead</h5>
            </div>
        </div>
    </div>
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <div class="card-body bg-light">
        <div class="tab-content">
            <div class="tab-pane preview-tab-pane active" role="tabpanel"
                aria-labelledby="tab-dom-f1d388f8-6223-48cd-b720-917f0290eedd"
                id="dom-f1d388f8-6223-48cd-b720-917f0290eedd">
                <form class="row g-3" method="POST" action="{{ route('Addcustomer') }}">
                    @csrf
                    <div class="col-md-3">
                        <label class="form-label" for="inputEmail4">Customer Name</label>
                        <input class="form-control" name="name" id="inputEmail4" type="text" placeholder="xyz"
                            required />
                    </div>
                    <div class="col-md-3">
                        <label class="form-label" for="inputEmail4">Email</label>
                        <input class="form-control" id="inputEmail4" name="email" type="email"
                            placeholder="xyz@gmail.com" />
                    </div>
                    <div class="col-md-2">
                        <label class="form-label" for="inputAddress">Country</label>
                        <select class="form-select" required id="country" name="country" onchange="getcountrycode();">
                            <option value="">--select--</option>
                            @foreach($countries as $country)
                                <option
                                    value="{{ $country->name . '@#$?' . $country->code }}">
                                    {{ $country->name }}</option>
                            @endforeach
                        </select>

                    </div>
                    <div class="col-md-4">
                        <label class="form-label" for="inputAddress2">Phone</label>
                        <div class="row">
                            <div class="col-md-4">
                                <input class="form-control" placeholder="+44" name="country_code" id="get_country_code"
                                    readonly />
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" id="inputAddress2" name="phone" type="number" placeholder=""
                                    required />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label" for="inputState">Brand</label>
                        <select class="form-select" required name="web_sort_name" id="web_sort_name">
                            <option value="">Select</option>
                            <option value="AD">AD</option>
                            <option value="GAH">GAH</option>
                            <option value="IAH">IAH</option>
                            <option value="GAH_AU">GAH_AU</option>
                            <option value="IAH_AU">IAH_AU</option>
                            <option value="AP">AP</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label" for="inputState">Source</label>
                        <select name="source" required class="form-select" id="source"
                            >
                            <option value="">None</option>
                            <option value="Chilly">Chilly</option>
                            <option value="Facebook">Facebook</option>                           
                            <option value="Instagram">Instagram</option>
                            <option value="Telegram">Telegram</option>
                            <option value="Friends Reference">Friends Reference</option>
                        </select>
                    </div>
                     <hr>
                    <h5 class="mb-0" data-anchor="data-anchor">Student Portal Information</h5> 
                    <div class="row g-3">
                            <div class="col-md-2">
                                <label class="form-label" for="inputState">University Name</label>                     
                                <input class="form-control" id="inputAddress2" name="college" type="text" placeholder="" />
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="inputState">Course</label>                     
                                <input class="form-control" id="inputAddress2" name="course" type="text" placeholder="" />
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="inputState">Portal Url</label>                     
                                <input class="form-control" id="inputAddress2" name="portal_url" type="text"  placeholder="" />
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="inputState">Login Id</label>                     
                                <input class="form-control" id="inputAddress2" name="portal_login_id" type="text" placeholder="" />
                            </div>
                            <div class="col-md-2">
                                <label class="form-label" for="inputState">Password</label>                     
                                <input class="form-control" id="inputAddress2" name="portal_password" type="text"  placeholder="" />
                            </div>
                           <div class="col-md-2">
                            <label class="form-label" for="inputState">Intake Month</label>
                            @php
                                $months = [];
                                for ($i = 1; $i <= 12; $i++) {
                                    $months[] = \Carbon\Carbon::create()->month($i)->format('M');
                                }
                            @endphp

                            <select  name="intake_month" class="form-select">
                                <option value="">Select</option>
                                @foreach($months as $index => $month)
                                    <option value="{{ $month }}">{{ $month }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">Intake Year</label>
                            @php
                                $startYear = 2022;
                                $endYear = now()->year + 1;
                                $years = range($startYear, $endYear);
                            @endphp
                           <select name="intake_year" class="form-select">
                                <option value="">Select</option>
                                @foreach($years as $year)
                                    <option value="{{ $year }}">
                                        {{ $year }}
                                    </option>
                                @endforeach
                        </select>                     
                        </div>
                    </div>
                   <hr>                  
                   
                                                            <div class="row">
                                            <div class="col-lg-12">
                                               <div class="row flex-between-end">
                                                <div class="col-auto align-self-center">
                                                    <h5 class="mb-0" data-anchor="data-anchor">Assignment Information</h5>
                                                    
                                                </div>
                                                <div class="col-8 col-sm-auto ms-auto text-end ps-0">
                                                    <div id="orders-actions">                
                                                        <button type="button" class="btn btn-primary btn-sm" onclick="addAssignment();">Add More</button>                                                        
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            </br>
                                                                                                     
                                                <div class="filediv" id="attech">
                                                    <div class="account-detail">
                                                        <div class="row">
                                                            <div class="col-lg-12">                                                           
                                                                <table class="table-bordered" style="width: 100%; background: beige;" id="MainTable_attech">
                                                                    <thead>
                                                                        <tr>
                                                                            <td>Topic</td>
                                                                            <td>Service</td>
                                                                            <td>Subject <span style="color: red;">*</span></td>
                                                                            <td>Date <span style="color: red;">*</span></td>
                                                                            <td>Available Date <span style="color: red;">*</span></td>
                                                                            <td>Words</td>
                                                                            <td>Order Id (If Available)</td>
                                                                            <td>Action (Uncheck to remove)</td>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody class="JK" id="custfile_attechment_upload">
                                                                         <tr>      
                                                        <td><input class="form-control" type="text" name="assignment_topic[]"></td>                                                  
                                                        <td>
                                                           <select id="" class="form-select ass_group_list" name=""
                                                        onchange="get_subject_list(this, 'https://betacpanel.globalassignmenthelp.com/api', '')"
                                                        data-type="blank">
                                                        <option value=""> Select Services </option>
                                                        <option unit_tag="Pages | Words" value="1">Assignment | Coursework | Term Paper</option>
                                                        <option unit_tag="Pages | Words" value="14">Case Study | Report Writing </option>
                                                        <option unit_tag="Pages | Words" value="17">Plagiarism Report</option>
                                                        <option unit_tag="Pages | Words" value="16">Essay</option>
                                                        <option unit_tag="Pages | Words" value="2">Dissertation & PHD Thesis</option>
                                                        <option unit_tag="Pages | Words" value="13">Business Plan</option>
                                                        <option unit_tag="Que. | Word/Que." value="4">Online Exam | Question based test Papers</option>
                                                        <option unit_tag="Que. | Word/Que." value="15">Multiple Choice Questions </option>
                                                        <option unit_tag="Pages | Words" value="5">Editing | Proofreading | Paraphrasing</option>
                                                        <option unit_tag="Slides" value="8">PowerPoint Presentation</option>
                                                        <option unit_tag="Poster" value="9">Poster</option>
                                                        <option unit_tag="Leaflet" value="10">Leaflet</option>
                                                        <option unit_tag="Pages | Words" value="6">Summary Writing</option>
                                                        <option unit_tag="Pages | Words" value="7">Portfolio</option>
                                                        <option unit_tag="Pages | Words" value="11">Resume / CV Services
                                                        </option>
                                                    </select>
                                                     <input type="hidden" class="assignment_name" name="assignment_service[]"
                                                         value="">
                                                    
                                                    <input type="hidden" value="" name="group_unit_hidden" id=""
                                                        class="group_unit_hidden group_unit_hidden">    
                                                        </td>
                                                        <td class="get_subject"> <select class="form-select" onchange="sle_sub_name(this)"
                                                            id="assignment_subject" required="" name="type">
                                                            <option value="">Select subject</option>
                                                        </select></td>
                                                        <td><input type="text" class="form-control datepicker" name="assignment_date[]"></td>
                                                    <td><input type="text" class="form-control datepicker" name="assignment_available_date[]"></td>
                                                        <td><input class="form-control" type="number" name="assignment_words[]"></td>
                                                        <td><input class="form-control" type="number" name="assignment_order_id[]" readonly></td>
                                                        <td width="140px;">
                                                            <a onclick="$(this).parent().parent().remove();$('.attach_s3').val('');" style="font-size:12px;cursor:pointer;">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                             
                                                        </td>
                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                              
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                    <div class="col-12">
                        <button class="btn btn-primary" type="submit">Create</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
@endsection

<script>
    function getcountrycode() {
        var country = $("#country").val();
        var code = country.split('@#$?');
        if (country == '') {
            $('#get_country_code').val('');
        } else {
            $('#get_country_code').val('+' + code[1]);
        }
    }
   function addAssignment() {
        let lastRow = $("#MainTable_attech tbody tr:last");
        let firstInput = lastRow.find("td:eq(0) input");
        let secondInput = lastRow.find("td:eq(1) input");

        let firstVal = $.trim(firstInput.val());
        let secondVal = $.trim(secondInput.val());

        // Clear previous errors
        lastRow.find(".error-message").remove();
        firstInput.removeClass("error");
        secondInput.removeClass("error");

        if (firstVal !== "" && secondVal !== "") {
            let newRow = lastRow.clone();
            newRow.find("input").val(""); // Clear inputs
            $("#MainTable_attech tbody").append(newRow);

            // Reassign tab indices
            $(":input").each(function (i) {
                $(this).attr('tabindex', i + 1);
            });
        } else {
            if (firstVal === "") {
                firstInput.addClass("error");
                lastRow.find("td:eq(0)").append('<span class="error-message">Required</span>');
            }

            if (secondVal === "") {
                secondInput.addClass("error");
                lastRow.find("td:eq(1)").append('<span class="error-message">Required</span>');
            }
        }
        $('.datepicker').datepicker({
            autoclose: true, // Automatically close the calendar after selecting a date
            todayHighlight: true, // Highlight today's date
            format: 'yyyy-mm-dd'
        });
    }

function get_subject_list(d, root_url1, assignment_subject_nm) {
        var g_id = $(d).val();

        // Get the current row
        var row = $(d).closest('tr');

        // Show/hide section based on group id
        if ([6, 7, 8, 9, 10, 17].includes(parseInt(g_id))) {
            $('#get_subb2').hide();
        } else {
            $('#get_subb2').show();
        }

        // Get unit tag and assignment name
        var unit_tag = $('option:selected', d).attr('unit_tag');
        var assignmentName = $('option:selected', d).text();

        // Set values only in the current row
        row.find('.assignment_name').val(assignmentName);
        row.find('.group_unit_hidden').val(unit_tag);

        if (g_id) {
            $("#wait").css("display", "block");
            $(".overlays_ajax").css("display", "block");

            $.ajax({
                url: root_url1 + "/get_subjects",
                type: "POST",
                data: {
                    g_id: g_id,
                    unit_tag: unit_tag,
                    assignment_subject_nm: assignment_subject_nm,
                    type: "web",
                    urgency: "",
                    service_group_id: g_id,
                    service_group_name: assignment_subject_nm,
                    _token: $("meta[name='csrf-token']").attr("content")
                },
                beforeSend: function () {
                    // Clear the subject dropdown only in the current row
                    row.find('select[name="type"]').val('');
                },
                success: function (html) {
                    // Replace global selectors with row-specific
                    html = html.replace(/sle_sub_name\((.*?)\)/g, 'sle_sub_name1(this)');

                    row.find('.get_subject').html(html);
                    row.find('#assignment_subject').addClass('form-select assignment_subject');
                     row.find('input.assignment_subject_nm').attr('name', 'assignment_subject_nm[]');
                    // Update the unit display only in current row (if applicable)
                    let selectedUnitTag = $('option:selected', d).attr('unit_tag');
                    if (selectedUnitTag !== undefined) {
                        selectedUnitTag = selectedUnitTag.trim();
                        if (selectedUnitTag === 'Que. | Word/Que.') {
                            row.find('.sPage').html(selectedUnitTag);
                            row.find('#questions').append('<label>Select Urgency</label>');
                        } else {
                            row.find('.sPage').html(selectedUnitTag.replace('|', '/').replace(/ /g, ''));
                        }
                    }

                    $("#wait").hide();
                    $(".overlays_ajax").hide();
                }
            });
        }
    }

    function sle_sub_name1(d) {
        var row = $(d).closest('tr');
        var sub_name = $(d).find("option:selected").text();
        row.find(".assignment_subject_nm").val(sub_name);
    }

    function ass_select(ass_id, group_unit, group_id, words, w, q) {
        $("#wait").show();
        $(".overlays_ajax").show();

        // Assign values to inputs
        $('.assignment').val(ass_id);
        $('#group_unit_hidden').val(group_unit);

        let pages_count_slected = $(".pages_count").val() || "";

        // If group is Questions-based (e.g., MCQs)
        if (group_id == 4) {
            let no_of_q = $('#no_of_q').val();
            let no_of_w = $('#no_of_w').val();

            if (no_of_q !== '' && no_of_w !== '') {
                pages_count_slected = Math.ceil((no_of_q * no_of_w) / words);
                pages_count_slected = exact_page_count_get(pages_count_slected); // custom func
                $('.pages_count').val(pages_count_slected);
            } else {
                pages_count_slected = 1;
                $('.pages_count').val(pages_count_slected);

                if ($('#no_of_q').val() == '') {
                    $('.no_of_q').val(w);
                }
                if ($('#no_of_w').val() == '') {
                    $('.no_of_w').val(q);
                }
            }

            $('#questin_chk, #questin_chk1').show();
            $('#q_w_calcu, #q_w_calcu1').show();
            $('#pages_count_parent, #count_pages, #count_pages_parent').hide();
        } else {
            // Non-question-based group
            $('#pages_count_parent, #count_pages_parent, #count_pages').show();
            if (group_id != 11) {
                $('#pages_count_parent').show();
            }

            $('#questin_chk, #questin_chk1').hide();
            $('#q_w_calcu, #q_w_calcu1').hide();

            if (pages_count_slected === '') {
                pages_count_slected = '';
                if (group_id == 11) {
                    $('#pages_count_parent').hide();
                    pages_count_slected = 1;
                }
                $('#pages_count').val(pages_count_slected);
            }
        }

        let pages_count_txt = $(".pages_count option:selected").text();

        // Call a helper function, likely another Ajax or DOM update
        changewords_order(group_unit, ass_id, pages_count_slected, '');
    }


    function changewords_order(group_unit, ass_id, p_cnt_sle) {
        let g_arr = group_unit.split('|');
        $('#lable_word').html(g_arr[0]);
        let sle = '<option value="">Select</option>';
        let respages = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17",
            "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "40", "50", "60", "70",
            "80", "90", "100", "110", "120", "130", "140", "150", "160", "180", "200", "250"
        ];

        $.each(respages, function (key, val) {
            let u_sec = '';
            if (g_arr.length > 1) {
                u_sec = ' / ' + (val * 250) + g_arr[1];
            }

            let selected = '';
            let pages = g_arr[0];
            if (val == 1) {
                if (pages.trim() === 'Pages') pages = 'Page';
                else if (pages.trim() === 'Slides') pages = 'Slide';
            }

            if (pages === 'Poster' || pages === 'Leaflet') {
                pages = 'Pages / ' + pages;
            }

            if (p_cnt_sle && val == p_cnt_sle) {
                selected = 'selected';
            }

            sle += `<option value="${val}" ${selected}>${val} ${pages} ${u_sec}</option>`;
        });

        $(".pages_count").html(sle);

        let urgency = $('.urgency').val();
        if (!urgency) urgency = '';

        changeurgency_order(ass_id, urgency);
    }

    let gUrgency = '';
    $(document).on('change', '.urgency', function () {
        gUrgency = $(this).val();
    });

    function changeurgency_order(doc_id, urgency) {
        if (gUrgency !== '' && !urgency) {
            urgency = gUrgency;
        }

        if (urgency === '') urgency = '';

        $.ajax({
            type: "POST",
            url: "https://betacpanel.globalassignmenthelp.com/api/get_urgency",
            data: {
                assignment_id: doc_id,
                urgency: urgency,
                type: "web",
                _token: $('meta[name="csrf-token"]').attr('content') // CSRF token required for Laravel POST
            },
            beforeSend: function () {
                if ($(".urgency").val() === '') {
                    $(".urgency").html("");
                }
            },
            success: function (response) {
                $(".urgency").parent().show();
                $(".urgency").html(response);
                $("#urgency_lode").html('');
                price_calculater_order(); // define this function if not already
            }
        });
    }

    function price_calculater_order() {        
        let daySelected = $(".urgency1 option:selected").text();

        if (daySelected.includes('Day')) {
            let number = parseInt(daySelected.replace(/\D/g, ""));
            let date = new Date();
            Date.prototype.addDays = function (days) {
                let date = new Date(this.valueOf());
                date.setDate(date.getDate() + days);
                return date;
            };
            let defaultDate = date.addDays(number);
            console.log(defaultDate);
            //$('.datetimepicker2').data("DateTimePicker").date(defaultDate);
            const jsDate = new Date(defaultDate);

            // Format to 'Y-m-d H:i' expected by datetimepicker
            const formatted = jsDate.getFullYear() + "-" +
                ("0" + (jsDate.getMonth() + 1)).slice(-2) + "-" +
                ("0" + jsDate.getDate()).slice(-2) + " " +
                ("0" + jsDate.getHours()).slice(-2) + ":" +
                ("0" + jsDate.getMinutes()).slice(-2);

            $('.datetimepicker2').val(formatted); // Set formatted value
        } else {
            // $('.datetimepicker2').data("DateTimePicker").date('');
            $('.datetimepicker2').val("");
        }

        let right_cal = $("#right_cal").val();
        let addonprice = $(".assignment_subject option:selected").data('addonprice');
        let group_id = $(".ass_group_list option:selected").val();

        let assignment = $(".assignment").val();
        let page = $(".pages_count").val();
        let currencies = $(".currencyVal:checked").val();
        let urgency = $(".urgency1").val();
        let level = $("#lavel").val();
        if (group_id == 11) {
            $('#pages_count_parent').hide();
        }

        // if (!assignment || !group_id || !page || !currencies || !urgency) {
        //     if ($('#Orderform').length) {
        //         ValidateFrom($("#Orderform")); // Ensure this function exists
        //     }
        //     return false;
        // }
      
        $.ajax({
            type: "POST",
            url: "https://betacpanel.globalassignmenthelp.com/api/price_calculate",
            data: {
                group_id: group_id,
                addonprice: addonprice,
                assignment_id: assignment,
                page: page,
                currencies: currencies,
                urgency: urgency,
                lavel: level,
                from: right_cal,
                root_url: $("#root_url").val(),
                service_group_id: group_id,
                type: "web",
                _token: $('meta[name="csrf-token"]').attr('content') // Laravel CSRF token
            },
            beforeSend: function () {
                $("#full-loader").show();
            },
            success: function (a) {
                $(".basePrice").val(a.totalprice_custom);
                $(".discount").val(a.discountPrice);
                $(".totalAmount").val(a.totalprice);
                $(".amtSymbol").text(`(${a.symbole})`);
                $(".totalprice_custom").val(a.totalprice_custom);
                $(".curr_symbole_ajsx").val(a.symbole);
                $(".curr_position").val(a.curr_position);
                $(".words").val(a.words);

                if (group_id != 4) {
                    $('.units').val($('.pages_count option:selected').text());
                } else {
                    $('.units').val($('#no_of_w option:selected').text());
                }

                let rate = parseFloat($(".Rate").text());
                let tot_pay = $("#tot_pay").val();
               
                if (a.totalprice != 0) {
                    let countryRate = parseInt(rate / a.totalprice);
                    console.log(rate);
                    $(".TotalPrice").html(countryRate);
                    $(".TotalorderPrice").val(countryRate);
                }

                if (tot_pay) {
                    let countryRateTotal = parseInt(rate * tot_pay);
                    $(".TotalPrice").html(countryRateTotal);
                    $(".TotalorderPrice").val(countryRateTotal);
                }

                $('.curr').val($('.currencyVal:checked').data('currency'));
                calculat_tot_turnitin(); // Ensure this function exists
            }
        });
    }
    function calculat_tot_turnitin() {
        var tot_pay = $('#tot_pay').val();
        var turnitin_report_price = $('#turnitin_price_curr').val();

        if (tot_pay == NaN || tot_pay == '') {
            var tot_pay = 0;
        }
        if (turnitin_report_price == NaN || turnitin_report_price == '') {
            var turnitin_report_price = 0;
        }
        $('#tot_quote_pay').val((parseFloat(turnitin_report_price) + parseFloat(tot_pay)).toFixed(2));

    }

</script>
<style>
   .error {
        border: 1px solid red;
        background-color: #ffe6e6;
    }

    .error-message {
        color: red;
        font-size: 12px;
        margin-left: 5px;
        display: inline-block;
    }


</style>