@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>
    <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 method="POST" action="{{ route('addLead') }}">
                    @csrf
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                            <div class="row">
                                <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 leadview">
                                    <h5>PERSONAL INFORMATION</h5>
                                    <div class="row">
                                        <!-- <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Website</label>
                                                <select name="web_sort_name" id="get_website" required
                                                    class="form-select" onchange="getexsistuser();">
                                                    <option value="">None</option>
                                                    @if($website->count() > 0)
                                                        @foreach($website as $web)
                                                            <option value="{{ $web->sortname }}">{{ $web->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>

                                        </div> -->
                                        @if($users)
                                        <div class="col-lg-2 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Website</label>
                                                <select class="form-select" required onchange="getexsistuser();" name="web_sort_name"
                                                    id="get_website">
                                                    <option value="">Select</option>
                                                    <option value="AD" @if($users->web_sort_name == 'AD') selected @endif>AD</option>
                                                    <option value="GAH" @if($users->web_sort_name == 'GAH') selected @endif>GAH</option>
                                                    <option value="IAH" @if($users->web_sort_name == 'IAH') selected @endif>IAH</option>
                                                    <option value="GAH_AU" @if($users->web_sort_name == 'GAH_AU') selected @endif>GAH_AU</option>
                                                    <option value="IAH_AU" @if($users->web_sort_name == 'IAH_AU') selected @endif>IAH_AU</option>
                                                    <option value="AP" @if($users->web_sort_name == 'AP') selected @endif>AP</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Email</label>
                                                <input name="email" value="{{$users->email}}" required="required" id="get_email"
                                                    onblur="" class="form-control " type="email">
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Country Name</label>
                                                <!--<input name="data[Customer][country]"   value=""   class="form-control " type="text"  >-->
                                                <select class="form-select" required id="country" name="country"
                                                onchange="getCurrency(),getcountrycode();">
                                                    <option value="">--select--</option>
                                                    @foreach($countries as $country)
                                                        <option
                                                            value="{{ $country->name . '@#$?' . $country->code }}" @if($users->country == $country->name) selected @endif>
                                                            {{ $country->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-4 col-sm-4 col-md-4 col-xs-12" style="padding-bottom: 10px;">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Phone No. with country code
                                                </label><br>
                                                <!-- <input name="country_code" value="" id="get_country_code"
                                                    class="form-control " type="text"
                                                    style="width:30%;float:left;margin-right:2%" placeholder='+44'
                                                    readonly /> -->
                                                <input name="phoneno" required value="{{$users->phone}}"  id="phoneno"
                                                    class="form-control " type="text" style="width:68%">

                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Name <span
                                                        id="name_field"></span></label>
                                                <input name="name" value="{{$users->name}}" id="custname" required
                                                    class="form-control " type="text">
                                                <input name="custid" value="{{$users->id}}" id="custid" required class="form-control "
                                                    type="hidden">
                                                <input name="order_currency" value="" id="custCurr" required
                                                    class="form-control " type="hidden">
                                                <input name="current_value" value="" id="custCurrVal" required
                                                    class="form-control " type="hidden">
                                                <input type="hidden" name="directlead" value="1" id="directlead">
                                            </div>
                                        </div>
                                        @else
                                        <div class="col-lg-2 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Website</label>
                                                <select class="form-select" required onchange="getexsistuser();" name="web_sort_name"
                                                    id="get_website">
                                                    <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>
                                        <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Email</label>
                                                <input name="email" value="" required="required" id="get_email"
                                                    onblur="" class="form-control " type="email">
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Country Name</label>
                                                <!--<input name="data[Customer][country]"   value=""   class="form-control " type="text"  >-->
                                                <select class="form-select" required id="country" name="country"
                                                onchange="getCurrency(),getcountrycode();">
                                                    <option value="">--select--</option>
                                                    @foreach($countries as $country)
                                                        <option
                                                            value="{{ $country->name . '@#$?' . $country->code }}">
                                                            {{ $country->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-4 col-sm-4 col-md-4 col-xs-12" style="padding-bottom: 10px;">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Phone No. with country code
                                                </label><br>
                                                <input name="country_code" value="" id="get_country_code"
                                                    class="form-control " type="text"
                                                    style="width:30%;float:left;margin-right:2%" placeholder='+44'
                                                    readonly />
                                                <input name="phoneno" required value=""  id="phoneno"
                                                    class="form-control " type="text" style="width:68%">

                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-4 col-md-4 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Name <span
                                                        id="name_field"></span></label>
                                                <input name="name" value="" id="custname" required
                                                    class="form-control " type="text">
                                                <input name="custid" value="" id="custid" required class="form-control "
                                                    type="hidden">
                                                <input name="order_currency" value="" id="custCurr" required
                                                    class="form-control " type="hidden">
                                                <input name="current_value" value="" id="custCurrVal" required
                                                    class="form-control " type="hidden">
                                                    <input type="hidden" name="directlead" value="0" id="directlead">
                                            </div>
                                        </div>
                                        <div class="col-md-2 source" style="display:none;">
                                            <label class="form-label" for="inputState">Source</label>
                                            <select name="source" 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>
                                        @endif
                                          
                                        <!-- <div class="col-lg-2 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">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> -->
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <h5>ORDER INFORMATION </h5>
                                        </div>
                                        <!-- <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">

                                                <input name="order_code" readonly="" placeholder="Order Code genereter "
                                                    value="" maxlength="6" minlength="6" id="oredr_code_text"
                                                    class="form-control " type="text">
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">

                                                <button style="float:left" class="btn btn-danger"
                                                    onclick="order_code_generete()" type="button"><i
                                                        class="fa fa-ge"></i> Generate Order Code</button>
                                            </div>

                                        </div> -->
                                    </div>
                                    <div class="mainForm">
                                        <div class="row">
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main">Topic</label>
                                                    <input name="topic" value="" class="form-control " type="text"
                                                        required="required">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    <label class="label-main">Select Services</label>
                                                    <select id="" class="form-select ass_group_list" name="group_id"
                                                        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" value="" name="type"
                                                        class="assignment" id="">
                                                    <input type="hidden" value="" name="group_unit_hidden" id=""
                                                        class="group_unit_hidden group_unit_hidden">
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12" id="get_subb2">
                                                <div class="form-group get_subject" id="">
                                                    <label class="label-main">Subject</label>
                                                    <select class="form-select" onchange="sle_sub_name(this)"
                                                        id="assignment_subject" required="" name="type">
                                                        <option value="">Select subject</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group pages_count_parent" id="pages_count_parent">
                                                    <label class="label-main">Pages / Words </label>
                                                    <select class="form-select pages_count"
                                                        onchange="price_calculater_order()" id="pages_count"
                                                        name="pages">
                                                        <option value="">Select</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12" id="questin_chk"
                                                style="display:none;padding-top:20px;">
                                                <div class="form-group" id="q_w_calcu">

                                                    <div class="box select-bx">
                                                        <label class="label-main">Select Question</label>
                                                        <select class="form-select" id="no_of_q">
                                                            <option selected value='1'>1 Questions</option>

                                                        </select>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12" id="questin_chk1"
                                                style="display:none;padding-top:20px;">
                                                <div class="form-group" id="q_w_calcu1">
                                                    <div class="box select-bx">
                                                        <label class="label-main">Select Word</label>
                                                        <select class="form-select" id="no_of_w" class="pages_count">
                                                            <option selected value='50'>50 Words/Question</option>
                                                        </select>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row" style="padding-bottom: 10px;">
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    <label class="label-main">Urgency </label>
                                                    <select class="form-select urgency1" required name="urgency"
                                                        onchange="price_calculater_order()">
                                                        <option value="">Select urgency</option>

                                                        <option value="60h"> 4 hours </option>
                                                        <option value="61h"> 8 hours </option>

                                                        <option value="62h"> 16 hours </option>

                                                        <option value="19"> 1 Day </option>

                                                        <option value="18"> 2 Days </option>

                                                        <option value="1"> 3 Days </option>

                                                        <option value="2"> 4 Days </option>

                                                        <option value="3"> 5 Days </option>

                                                        <option value="22"> 6 Days </option>

                                                        <option value="23"> 7 Days </option>

                                                        <option value="24"> 8 Days </option>

                                                        <option value="25"> 9 Days </option>

                                                        <option value="4"> 10 Days </option>

                                                        <option value="5"> 15 Days </option>

                                                        <option value="6"> 20 Days </option>

                                                        <option value="7"> 25 Days </option>
                                                        <option value="8"> 30 Days </option>


                                                    </select>
                                                  
                                                    <input class="totalprice_custom" name="totalprice_custom"
                                                        type="hidden" value="">
                                                    <input class="totalprice" name="totalprice" type="hidden" value="">
                                                    <input class="curr_symbole_ajsx" type="hidden" value="">
                                                    <input class="words" name="words" type="hidden" value="">
                                                    <input type="hidden" class="assignment_name" name="assignment_name"
                                                        readonly="" value="">
                                                    <input type="hidden" class="units" name="units">
                                                    <input type="hidden" class="curr" name="currdata">
                                                    <input type="hidden" name="urgencyTxt" class="urgencyTxt">
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-2 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main">Order Source</label>
                                                    <select name="order_source" required class="form-select" id="source">
                                                        <option value="">None</option>                                                      
                                                        @if(!empty($source) && count($source) > 0)
                                                            @foreach($source as $so)
                                                                <option value="{{ $so->name }}">{{ $so->name }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>


                                                </div>

                                            </div> -->
                                            <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main">Description </label>
                                                    <textarea name="discription" rows="1" class="form-control "
                                                        type="textarea"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div class="row d-none extra_details" id="extra_details">
                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Quality Level</label>
                                                <select class="form-control" name="level">
                                                    <option value=""> -- Select Standard --</option>
                                                    <option value="FIRST CLASS STANDARD"> FIRST CLASS STANDARD</option>
                                                    <option value="2:1 STANDARD">2:1 STANDARD</option>
                                                    <option value="2:2 STANDARD">2:2 STANDARD</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Sources </label>

                                                <select class="form-control" name="referral">
                                                    <option value="" selected="selected">-- Select one --</option>
                                                    <option value="Google Search">Google Search</option>
                                                    <option value="Friends Referral">Friends Referral</option>
                                                    <option value="Local Advertisement">Local Advertisement</option>
                                                    <option value="Email Marketing">Email Marketing</option>

                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">References</label>

                                                <select class="form-control" name="sources">
                                                    <option value=""> -- Select References --</option>
                                                                                                        <option value="1">1</option>
                                                                                                        <option value="2">2</option>
                                                                                                        <option value="3">3</option>
                                                                                                        <option value="4">4</option>
                                                                                                        <option value="5">5</option>
                                                                                                        <option value="6">6</option>
                                                                                                        <option value="7">7</option>
                                                                                                        <option value="8">8</option>
                                                                                                        <option value="9">9</option>
                                                                                                        <option value="10">10</option>
                                                                                                        <option value="11">11</option>
                                                                                                        <option value="12">12</option>
                                                                                                        <option value="13">13</option>
                                                                                                        <option value="14">14</option>
                                                                                                        <option value="15">15</option>
                                                                                                        <option value="16">16</option>
                                                                                                        <option value="17">17</option>
                                                                                                        <option value="18">18</option>
                                                                                                        <option value="19">19</option>
                                                                                                        <option value="20">20</option>
                                                                                                        <option value="21">21</option>
                                                                                                        <option value="22">22</option>
                                                                                                        <option value="23">23</option>
                                                                                                        <option value="24">24</option>
                                                                                                        <option value="25">25</option>
                                                                                                        <option value="26">26</option>
                                                                                                        <option value="27">27</option>
                                                                                                        <option value="28">28</option>
                                                                                                        <option value="29">29</option>
                                                                                                        <option value="30">30</option>
                                                                                                        <option value="31">31</option>
                                                                                                        <option value="32">32</option>
                                                                                                        <option value="33">33</option>
                                                                                                        <option value="34">34</option>
                                                                                                        <option value="35">35</option>
                                                                                                        <option value="36">36</option>
                                                                                                        <option value="37">37</option>
                                                                                                        <option value="38">38</option>
                                                                                                        <option value="39">39</option>
                                                                                                        <option value="40">40</option>
                                                                                                        <option value="41">41</option>
                                                                                                        <option value="42">42</option>
                                                                                                        <option value="43">43</option>
                                                                                                        <option value="44">44</option>
                                                                                                        <option value="45">45</option>
                                                                                                        <option value="46">46</option>
                                                                                                        <option value="47">47</option>
                                                                                                        <option value="48">48</option>
                                                                                                        <option value="49">49</option>
                                                                                                        <option value="50">50</option>
                                                                                                        <option value="51">51</option>
                                                                                                        <option value="52">52</option>
                                                                                                        <option value="53">53</option>
                                                                                                        <option value="54">54</option>
                                                                                                        <option value="55">55</option>
                                                                                                        <option value="56">56</option>
                                                                                                        <option value="57">57</option>
                                                                                                        <option value="58">58</option>
                                                                                                        <option value="59">59</option>
                                                                                                        <option value="60">60</option>
                                                                                                        <option value="61">61</option>
                                                                                                        <option value="62">62</option>
                                                                                                        <option value="63">63</option>
                                                                                                        <option value="64">64</option>
                                                                                                        <option value="65">65</option>
                                                                                                        <option value="66">66</option>
                                                                                                        <option value="67">67</option>
                                                                                                        <option value="68">68</option>
                                                                                                        <option value="69">69</option>
                                                                                                        <option value="70">70</option>
                                                                                                        <option value="71">71</option>
                                                                                                        <option value="72">72</option>
                                                                                                        <option value="73">73</option>
                                                                                                        <option value="74">74</option>
                                                                                                        <option value="75">75</option>
                                                                                                        <option value="76">76</option>
                                                                                                        <option value="77">77</option>
                                                                                                        <option value="78">78</option>
                                                                                                        <option value="79">79</option>
                                                                                                        <option value="80">80</option>
                                                                                                        <option value="81">81</option>
                                                                                                        <option value="82">82</option>
                                                                                                        <option value="83">83</option>
                                                                                                        <option value="84">84</option>
                                                                                                        <option value="85">85</option>
                                                                                                        <option value="86">86</option>
                                                                                                        <option value="87">87</option>
                                                                                                        <option value="88">88</option>
                                                                                                        <option value="89">89</option>
                                                                                                        <option value="90">90</option>
                                                                                                        <option value="91">91</option>
                                                                                                        <option value="92">92</option>
                                                                                                        <option value="93">93</option>
                                                                                                        <option value="94">94</option>
                                                                                                        <option value="95">95</option>
                                                                                                        <option value="96">96</option>
                                                                                                        <option value="97">97</option>
                                                                                                        <option value="98">98</option>
                                                                                                        <option value="99">99</option>
                                                                                                        <option value="100">100</option>
                                                                                                        <option value="101">101</option>
                                                                                                        <option value="102">102</option>
                                                                                                        <option value="103">103</option>
                                                                                                        <option value="104">104</option>
                                                                                                        <option value="105">105</option>
                                                                                                        <option value="106">106</option>
                                                                                                        <option value="107">107</option>
                                                                                                        <option value="108">108</option>
                                                                                                        <option value="109">109</option>
                                                                                                        <option value="110">110</option>
                                                                                                        <option value="111">111</option>
                                                                                                        <option value="112">112</option>
                                                                                                        <option value="113">113</option>
                                                                                                        <option value="114">114</option>
                                                                                                        <option value="115">115</option>
                                                                                                        <option value="116">116</option>
                                                                                                        <option value="117">117</option>
                                                                                                        <option value="118">118</option>
                                                                                                        <option value="119">119</option>
                                                                                                        <option value="120">120</option>
                                                                                                        <option value="121">121</option>
                                                                                                        <option value="122">122</option>
                                                                                                        <option value="123">123</option>
                                                                                                        <option value="124">124</option>
                                                                                                        <option value="125">125</option>
                                                                                                        <option value="126">126</option>
                                                                                                        <option value="127">127</option>
                                                                                                        <option value="128">128</option>
                                                                                                        <option value="129">129</option>
                                                                                                        <option value="130">130</option>
                                                                                                        <option value="131">131</option>
                                                                                                        <option value="132">132</option>
                                                                                                        <option value="133">133</option>
                                                                                                        <option value="134">134</option>
                                                                                                        <option value="135">135</option>
                                                                                                        <option value="136">136</option>
                                                                                                        <option value="137">137</option>
                                                                                                        <option value="138">138</option>
                                                                                                        <option value="139">139</option>
                                                                                                        <option value="140">140</option>
                                                                                                        <option value="141">141</option>
                                                                                                        <option value="142">142</option>
                                                                                                        <option value="143">143</option>
                                                                                                        <option value="144">144</option>
                                                                                                        <option value="145">145</option>
                                                                                                        <option value="146">146</option>
                                                                                                        <option value="147">147</option>
                                                                                                        <option value="148">148</option>
                                                                                                        <option value="149">149</option>
                                                                                                        <option value="150">150</option>
                                                    
                                                </select>

                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <label for="Postal code" class="label-main">Style</label>
                                                <select name="style" class="form-control">
                                                    <option value=""> -- Select Style -- </option>
                                                    <option value="APA">APA</option>
                                                    <option value="MLA">MLA</option>
                                                    <option value="Turabian">Turabian</option>
                                                    <option value="Chicago">Chicago</option>
                                                    <option value="Harvard">Harvard</option>
                                                    <option value="Oscola">Oscola</option>
                                                    <option value="Vancouver">Vancouver</option>
                                                </select>

                                            </div>
                                        </div>
                                    </div> -->
                                    <!-- <div class="row">
                                        <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                            <div class="form-group">
                                                <button class="btn btn-primary btn-sm" onclick="showextradiv()"
                                                    type="button">+ Extra Details</button>
                                            </div>
                                        </div>

                                    </div> -->

                                    <hr>
                                    <div class="row">
                                        <h5>AMOUNT INFORMATION <span class="countryCurr" style="display:none;"></span></h5>
                                        <div class="row" style="margin-bottom:20px;">
                                            <div class="col-lg-2 col-sm-3 col-md-3 col-xs-12">
                                                <button type="button" class="btn btn-falcon-default createacc-save bankbtn"
                                                    value="" name="submit" onclick="showBankDiv();">Bank
                                                    Payment</button>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <button type="button" class="btn btn-falcon-default createacc-save gatewaybtn"
                                                    value="" name="submit" onclick="showGatewayDiv();">Payment
                                                    Gateway</button>
                                            </div>
                                            <input type="hidden" name="payment_method" id="payment_method" value="">
                                        </div>

                                        <div class="row gateway-div" style="padding-bottom: 10px;display:none;">
                                            <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main">Currency </label>

                                                    <select readonly style="pointer-events: none;" name="gateway_curr_name"
                                                        onchange="turnitin_price()" id="currencies" required
                                                        class="form-control" style="pointer-events: none;">
                                                        @foreach($currency as $row)
                                                            @php
                                                                $currencyName = strtoupper($row->name);
                                                                $priceCurr = $row->current_value;
                                                                $symbol = $row->symbol;
                                                            @endphp

                                                            <option value="{{ $currencyName }}"
                                                                price_curr="{{ $priceCurr }}" symbol="{{ $symbol }}"
                                                                {{ strtoupper($currencyName) === 'USD' ? 'selected' : '' }}>
                                                                {{ $currencyName }} ({{ $symbol }})
                                                            </option>
                                                        @endforeach

                                                    </select>

                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main"> Cost</label>
                                                    <input name="gateway_cost" value="" id=""
                                                        class="form-control final-cost tot_quote_pay" type="text">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12" style="display:none;">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main"> Cost After
                                                        Discount</label>
                                                    <input style="width: 86%;" value="0" id=""
                                                        onkeyup='get_due_amt(), calculat_tot_turnitin()'
                                                        class="form-control tot_pay filterme_numss totalAmount" type="text">
                                                    <span style="float: right;margin-top: -33px;font-size: 25px;"> +
                                                    </span>
                                                </div>

                                            </div> 
                                             <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12" style="display:none;">
                                                <div class="form-group red">
                                                    <label for="Postal code" class="label-main"
                                                        style="width:100%;float: left"> Turnitin Report Cost <a href=""
                                                            class="tip"></a></label>
                                                    <input
                                                        style="width: 25%;margin:0px 3% 0px 0px;float: left;height:35px;"
                                                        name="checkbox_turnitin" id="check_turnitin_report"
                                                        onclick=turnitin_price_show() class="form-control"
                                                        type="checkbox" value="">
                                                    <input style="width:52%; " value="0" id="turnitin_price_curr"
                                                        name="turnitin_report_price" class="form-control"
                                                        type="text" onkeyup="calculat_tot_turnitin()">

                                                    <span
                                                        style="float: right;margin-top: -33px;font-size: 25px;color:#333">
                                                        = </span>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12" style="display:none;">
                                                <div class="form-group">
                                                    <label for="Postal code" style="color:#F20505 " class="label-main"><b>Total QUOTED AMOUNT </b></label>
                                                    <input name="gateway_price_without_offer" value="0" id="" class="form-control basePrice" type="text" readonly="">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row bank-div" style="padding-bottom: 10px;display:none;">
                                            <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main">Currency </label>

                                                    <select name="bank_curr_name" onchange="turnitin_price()" id="currencies"
                                                        class="form-select">
                                                        <option value="">Select</option>
                                                        @foreach($currency as $row)
                                                            @php
                                                                $currencyName = strtoupper($row->name);
                                                                $priceCurr = $row->current_value;
                                                                $symbol = $row->symbol;
                                                            @endphp

                                                            <option value="{{ $currencyName }}"
                                                                price_curr="{{ $priceCurr }}" symbol="{{ $symbol }}">
                                                                {{ $currencyName }} ({{ $symbol }})
                                                            </option>
                                                        @endforeach
                                                    </select>

                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main"> Cost</label>
                                                    <input name="bank_cost" value="" id=""
                                                        class="form-control final-cost tot_quote_pay" type="text">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12" style="display:none;">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main"> Cost After
                                                        Discount</label>
                                                    <input style="width: 86%;" value="0" id=""
                                                        onkeyup='get_due_amt(), calculat_tot_turnitin()'
                                                        class="form-control tot_pay filterme_numss totalAmount" type="text">
                                                    <span style="float: right;margin-top: -33px;font-size: 25px;"> +
                                                    </span>
                                                </div>

                                            </div> 
                                             <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12" style="display:none;">
                                                <div class="form-group red">
                                                    <label for="Postal code" class="label-main"
                                                        style="width:100%;float: left"> Turnitin Report Cost <a href=""
                                                            class="tip"></a></label>
                                                    <input
                                                        style="width: 25%;margin:0px 3% 0px 0px;float: left;height:35px;"
                                                        name="checkbox_turnitin" id="check_turnitin_report"
                                                        onclick=turnitin_price_show() class="form-control"
                                                        type="checkbox" value="">
                                                    <input style="width:52%; " value="0" id="turnitin_price_curr"
                                                        name="turnitin_report_price" class="form-control"
                                                        type="text" onkeyup="calculat_tot_turnitin()">

                                                    <span
                                                        style="float: right;margin-top: -33px;font-size: 25px;color:#333">
                                                        = </span>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12" style="display:none;">
                                                <div class="form-group">
                                                    <label for="Postal code" style="color:#F20505 " class="label-main"><b>Total QUOTED AMOUNT </b></label>
                                                    <input name="bank_price_without_offer" value="0" id="" class="form-control basePrice" type="text" readonly="">
                                                </div>

                                            </div>
                                        </div>
                                        <hr>
                                        <h5>DATE INFO</h5>
                                        <div class="row">
                                            <div class="col-lg-4 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" class="label-main">Order Received Date
                                                        (Y-M-D)</label>
                                                    <div class="input-group date ">
                                                        <input name="rdate" value="2026-11-09"
                                                            required
                                                            class="form-control date_index disable-datepicker"
                                                            type="text" readonly>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    <label for="Postal code" required class="form-label">Delivery Date
                                                    </label>
                                                    <div class="input-group date ">
                                                        <input type="text" class="form-control datetimepicker2" id=""
                                                            name="ddate" value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-1 col-sm-2 col-md-2 col-xs-12 row_mr_22" style=" width: 10%">
                                                <label for="Postal code" class="label-main"> Delivery Slice </label>
                                                <div class="form-group">                                                   
                                                <button class="btn btn-primary btn-sm" style="border-color: transparent;border-radius: 10px;box-shadow: 3px 2px 7px 0px #736D6F;color: #fff;font-family: open_sanslight;font-size: 13px;margin: 0px 10px 5px 0px; padding: 3px 10px;color: #fff;
                                                    background-color: #86b14a; border-color: #86b14a;" onclick="showslicediv()"
                                                        type="button">+ Add</button>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <label for="Postal code" class="label-main">Slice Order Delivery
                                                </label>
                                                <div class="form-group">


                                                    <a data-toggle="collapse" href="#businesscard" aria-expanded="false"
                                                        aria-controls="collapseExample"> <button class="btn btn-green"
                                                            type="button"><i class="fa fa-plus"></i> Click Here</button>
                                                    </a>
                                                </div>
                                            </div> -->

                                        </div>
                                        <div class="slicediv d-none"  id="slicediv">
                                        <div class="account-detail">
                                            <div class="row">
                                                <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                                                    <table class="table-bordered" style="width: 100%;" id="MainTable">
                                                        <thead>
                                                            <tr>
                                                                <td>
                                                                    Delivery Date (Indian Time)
                                                                </td>
                                                                <td>
                                                                    Description
                                                                </td>
                                                                <td>Status</td>
                                                                <td>Remove</td>
                                                            </tr>

                                                        </thead>
                                                        <tbody class="JK">
                                                            <tr>
                                                                <td style="position: relative">
                                                                    <input name="slice_del_date[]" 
                                                                        maxlength="128" 
                                                                        class="form-control child_dob datetimepicker2" 
                                                                        type="text">
                                                                </td>

                                                                <td>
                                                                    <input name="description[]" 
                                                                        maxlength="128" 
                                                                        class="form-control headn" 
                                                                        type="text" id="description">
                                                                </td>

                                                                <td>
                                                                    <select name="status[]" class="form-control">
                                                                        <option value="Pending">Pending</option>
                                                                        <option value="Complete">Complete</option>
                                                                    </select>
                                                                </td>

                                                                <td>
                                                                    <a onclick="$(this).closest('tr').remove();">
                                                                        <i class="fa fa-trash"></i>
                                                                    </a>
                                                                </td>
                                                            </tr>                                                    
                                                       
                                                        </tbody>
                                                    </table>
                                                    <div class="row mt-2">
                                                        <div class="form-group">
                                                            <button type="button" style="background: #86b14a;border-color: transparent;border-radius: 10px;box-shadow: 3px 2px 7px 0px #736D6F;color: #fff;font-family: open_sanslight;font-size: 13px;margin: 0px 10px 5px 0px; padding: 3px 10px;margin-right: 0 !important;padding: 6px 25px !important;" class="btn btn-green createacc-save" onclick="AddMore()">Add More</button>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>


                                        </div>
                                    </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <h5>Document Attached by client
                                                    <!--  -->
                                                    <button style="border-color: transparent;border-radius: 10px;box-shadow: 3px 2px 7px 0px #736D6F;color: #fff;font-family: open_sanslight;font-size: 13px;margin: 0px 10px 5px 0px; padding: 3px 10px;color: #fff;
                                                    background-color: #f0ad4e; border-color: #eea236;" class="btn btn-primary btn-sm" onclick="showfilediv()"
                                                        type="button">+ Click Here</button>
                                                </h5>
                                                <div class="d-none filediv" id="attech">
                                                    <div class="account-detail">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                                                                <table class="table-bordered" style="width: 100%; "
                                                                    id="MainTable_attech">
                                                                    <thead>
                                                                        <tr>
                                                                            <td>QuickView</td>
                                                                            <td>Action ( Uncheck for remove file )</td>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody class="JK" id="custfile_attechment_upload">


                                                                        <tr>
                                                                            <td><input
                                                                                    class="form-control attech attach_s3"
                                                                                    type="file" onchange="s3Upload(this)"></td>
                                                                            <td></td>
                                                                            <td><a
                                                                                    onclick="$(this).parent().parent().remove();$('.attach_s3').val('');"><i
                                                                                        class="fa fa-trash"></i></a>
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>

                                                                <div class="row" style="margin-top: 10px;">
                                                                    <div class="form-group">
                                                                        <button type="button"
                                                                            class="btn btn-green btn-falcon-default createacc-save"
                                                                            onclick="AddMore_attech()" style="background: #86b14a;border-color: transparent;border-radius: 10px;box-shadow: 3px 2px 7px 0px #736D6F;color: #fff;font-family: open_sanslight;font-size: 13px;margin: 0px 10px 5px 0px; padding: 3px 10px;margin-right: 0 !important;padding: 6px 25px !important;">Add More</button>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row content-right">
                                        <input type="hidden" name="cust_new_file_name" id="cust_new_file_name" value="">
                                        <div class="col-lg-2 col-sm-3 col-md-3 col-xs-12">
                                                <a href="javascript:history.back()" class="btn btn-red">CANCEL</a>
                                            </div> 
                                            <div class="col-lg-1 col-sm-3 col-md-3 col-xs-12">
                                                <button type="submit" class="btn btn-green createacc-save"
                                                    value="Save" name="submit">SAVE</button>
                                            </div>
                                            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
                                                <button type="submit" class="btn btn-info"> <i
                                                        class="fa fa-envelope"></i> Save & Send Quotation</button>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
@endsection
<style>
    .leadview .row {
        margin-top: 20px !important;
    }

</style>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    root_url = 'https://customerpanel.globalassignmenthelp.com/api/';
    currentForm = $('.mainForm');

    function getcountrycode() {
        var country = $("#country").val();
        var code = country.split('@#$?');
        if (country == '') {
            $('#get_country_code').val('');
        } else {
            $('#get_country_code').val('+' + code[1]);
        }
    }

    function order_code_generete() {
        $.ajax({
            type: "POST",
            url: "{{ route('order_generator') }}", // Use a Laravel named route
            data: {
                order_id: $('#OrderId').val(),
                _token: "{{ csrf_token() }}" // Laravel requires CSRF token for POST requests
            },
            success: function (msg) {
                var msg1 = $.trim(msg);
                $('#oredr_code_text').val(msg1);
            }
        });
    }

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

        if ([6, 7, 8, 9, 10, 17].includes(parseInt(g_id))) {
            $('#get_subb2').hide();
        } else {
            $('#get_subb2').show();
        }

        var unit_tag = $('option:selected', d).attr('unit_tag');
        var assignmentName = $('option:selected', d).text();
        console.log(assignmentName)
        $('.assignment_name').val(assignmentName);

        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") // Laravel CSRF
                },
                beforeSend: function () {
                    $('#get_subject select').val('');
                },
                success: function (html) {
                    html = html.replace(
                        "sle_sub_name($('#assignment_subject'))",
                        "sle_sub_name1($('.assignment_subject'))"
                    ).replace('sle_sub_name(this)', 'sle_sub_name1(this)');

                    // $('.get_subject', $(currentForm)).html(html).find("#assignment_subject").addClass('form-control assignment_subject');
                    $('.get_subject').html('<label class="label-main">Subject</label>' + html);
                    $('.get_subject').find("#assignment_subject").addClass(
                        'form-select assignment_subject');
                    // $('.get_subject', $(currentForm)).find('#assignment_subject_nm')
                    //     .addClass('assignment_subject_nm')
                    //     .removeAttr('id')
                    //     .attr('name', 'data[Order][assignment_subject_nm]');

                    // $('.get_subject', $(currentForm)).prepend('<label class="label-main">Subject</label>');

                    let selectedUnitTag = $(".ass_group_list option:selected").attr('unit_tag');
                    if (selectedUnitTag !== undefined) {
                        if (selectedUnitTag.trim() === 'Que. | Word/Que.') {
                            $('.sPage').html(selectedUnitTag);
                            $('#questions').append('<label>Select Urgency</label>');
                        } else {
                            $('.sPage').html(selectedUnitTag.replace('|', '/').replace(/ /g, ''));
                        }
                    }
                }
            });
        }
    }

    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 sle_sub_name1(d) {
        let sub_name = $(".assignment_subject option:selected").text();
        $("#assignment_subject_nm").val(sub_name);
    }

    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();
                console.log(rate);
                if (a.totalprice != 0) {
                    let countryRate = parseInt(rate / a.totalprice);
                    $(".TotalPrice").html(countryRate);
                }

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

                $('.curr').val($('.currencyVal:checked').data('currency'));
                calculat_tot_turnitin(); // Ensure this function exists
            }
        });
    }
    $(document).ready(function () {
        $('.datetimepicker2').datetimepicker({
            format:'Y-m-d H:i',  // Adjust format if needed
            step: 15 // Time interval in minutes
        });
    })

    function exact_page_count_get(pages_count_slected) {
        let cc = 0;
        $("#pages_count option").each(function () {
            if (parseInt($(this).val()) >= parseInt(pages_count_slected) && cc === 0) {
                cc = parseInt($(this).val());
            }
        });

        if (cc === 0) {
            cc = 1;
        }

        return cc;
    }
    $(document).ready(function () {
        no_of_q_len = $('#no_of_q option').length;
        if (no_of_q_len < 3) {
            var no_of_q =
                '<option  selected  value="1" > 1 Question</option> <option  value="2" > 2 Question</option> <option  value="3" > 3 Question</option> <option  value="4" > 4 Question</option> <option  value="5" > 5 Question</option> <option  value="6" > 6 Question</option> <option  value="7" > 7 Question</option> <option  value="8" > 8 Question</option> <option  value="9" > 9 Question</option> <option  value="10" > 10 Question</option> <option  value="11" > 11 Question</option> <option  value="12" > 12 Question</option> <option  value="13" > 13 Question</option> <option  value="14" > 14 Question</option> <option  value="15" > 15 Question</option> <option  value="16" > 16 Question</option> <option  value="17" > 17 Question</option> <option  value="18" > 18 Question</option> <option  value="19" > 19 Question</option> <option  value="20" > 20 Question</option> <option  value="21" > 21 Question</option> <option  value="22" > 22 Question</option> <option  value="23" > 23 Question</option> <option  value="24" > 24 Question</option> <option  value="25" > 25 Question</option> <option  value="26" > 26 Question</option> <option  value="27" > 27 Question</option> <option  value="28" > 28 Question</option> <option  value="29" > 29 Question</option> <option  value="30" > 30 Question</option> <option  value="31" > 31 Question</option> <option  value="32" > 32 Question</option> <option  value="33" > 33 Question</option> <option  value="34" > 34 Question</option> <option  value="35" > 35 Question</option> <option  value="36" > 36 Question</option> <option  value="37" > 37 Question</option> <option  value="38" > 38 Question</option> <option  value="39" > 39 Question</option> <option  value="40" > 40 Question</option> <option  value="41" > 41 Question</option> <option  value="42" > 42 Question</option> <option  value="43" > 43 Question</option> <option  value="44" > 44 Question</option> <option  value="45" > 45 Question</option> <option  value="46" > 46 Question</option> <option  value="47" > 47 Question</option> <option  value="48" > 48 Question</option> <option  value="49" > 49 Question</option> ';

        }
        var no_of_w_len = $('#no_of_w option').length;
        if (no_of_w_len < 3) {
            no_of_w =
                '<option  selected  value="50" > 50 Words/Question</option> <option  value="100" > 100 Words/Question</option> <option  value="150" > 150 Words/Question</option> <option  value="200" > 200 Words/Question</option> <option  value="250" > 250 Words/Question</option> <option  value="300" > 300 Words/Question</option> <option  value="350" > 350 Words/Question</option> <option  value="400" > 400 Words/Question</option> <option  value="450" > 450 Words/Question</option> <option  value="500" > 500 Words/Question</option> <option  value="550" > 550 Words/Question</option> <option  value="600" > 600 Words/Question</option> <option  value="650" > 650 Words/Question</option> <option  value="700" > 700 Words/Question</option> <option  value="750" > 750 Words/Question</option> <option  value="800" > 800 Words/Question</option> <option  value="850" > 850 Words/Question</option> <option  value="900" > 900 Words/Question</option> <option  value="950" > 950 Words/Question</option> <option  value="1000" > 1000 Words/Question</option> <option  value="1050" > 1050 Words/Question</option> <option  value="1100" > 1100 Words/Question</option> <option  value="1150" > 1150 Words/Question</option> <option  value="1200" > 1200 Words/Question</option> <option  value="1250" > 1250 Words/Question</option> <option  value="1300" > 1300 Words/Question</option> <option  value="1350" > 1350 Words/Question</option> <option  value="1400" > 1400 Words/Question</option> <option  value="1450" > 1450 Words/Question</option> <option  value="1500" > 1500 Words/Question</option> <option  value="1550" > 1550 Words/Question</option> <option  value="1600" > 1600 Words/Question</option> <option  value="1650" > 1650 Words/Question</option> <option  value="1700" > 1700 Words/Question</option> <option  value="1750" > 1750 Words/Question</option> <option  value="1800" > 1800 Words/Question</option> <option  value="1850" > 1850 Words/Question</option> <option  value="1900" > 1900 Words/Question</option> <option  value="1950" > 1950 Words/Question</option> <option  value="2000" > 2000 Words/Question</option> <option  value="2050" > 2050 Words/Question</option> <option  value="2100" > 2100 Words/Question</option> <option  value="2150" > 2150 Words/Question</option> <option  value="2200" > 2200 Words/Question</option> <option  value="2250" > 2250 Words/Question</option> <option  value="2300" > 2300 Words/Question</option> <option  value="2350" > 2350 Words/Question</option> <option  value="2400" > 2400 Words/Question</option> <option  value="2450" > 2450 Words/Question</option> <option  value="2500" > 2500 Words/Question</option> <option  value="2550" > 2550 Words/Question</option> <option  value="2600" > 2600 Words/Question</option> <option  value="2650" > 2650 Words/Question</option> <option  value="2700" > 2700 Words/Question</option> <option  value="2750" > 2750 Words/Question</option> <option  value="2800" > 2800 Words/Question</option> <option  value="2850" > 2850 Words/Question</option> <option  value="2900" > 2900 Words/Question</option> <option  value="2950" > 2950 Words/Question</option> <option  value="3000" > 3000 Words/Question</option> <option  value="3050" > 3050 Words/Question</option> <option  value="3100" > 3100 Words/Question</option> <option  value="3150" > 3150 Words/Question</option> <option  value="3200" > 3200 Words/Question</option> <option  value="3250" > 3250 Words/Question</option> <option  value="3300" > 3300 Words/Question</option> <option  value="3350" > 3350 Words/Question</option> <option  value="3400" > 3400 Words/Question</option> <option  value="3450" > 3450 Words/Question</option> <option  value="3500" > 3500 Words/Question</option> <option  value="3550" > 3550 Words/Question</option> <option  value="3600" > 3600 Words/Question</option> <option  value="3650" > 3650 Words/Question</option> <option  value="3700" > 3700 Words/Question</option> <option  value="3750" > 3750 Words/Question</option> <option  value="3800" > 3800 Words/Question</option> <option  value="3850" > 3850 Words/Question</option> <option  value="3900" > 3900 Words/Question</option> <option  value="3950" > 3950 Words/Question</option> <option  value="4000" > 4000 Words/Question</option> <option  value="4050" > 4050 Words/Question</option> <option  value="4100" > 4100 Words/Question</option> <option  value="4150" > 4150 Words/Question</option> <option  value="4200" > 4200 Words/Question</option> <option  value="4250" > 4250 Words/Question</option> <option  value="4300" > 4300 Words/Question</option> <option  value="4350" > 4350 Words/Question</option> <option  value="4400" > 4400 Words/Question</option> <option  value="4450" > 4450 Words/Question</option> <option  value="4500" > 4500 Words/Question</option> <option  value="4550" > 4550 Words/Question</option> <option  value="4600" > 4600 Words/Question</option> <option  value="4650" > 4650 Words/Question</option> <option  value="4700" > 4700 Words/Question</option> <option  value="4750" > 4750 Words/Question</option> <option  value="4800" > 4800 Words/Question</option> <option  value="4850" > 4850 Words/Question</option> <option  value="4900" > 4900 Words/Question</option> <option  value="4950" > 4950 Words/Question</option> '
        }
        $('#no_of_q').html(no_of_q).attr('onchange', "caclulate_words('250', this)");
        $('#no_of_w').html(no_of_w).attr('onchange', "caclulate_words('250', this)");
        $('.calLoadImg').attr('src', $('.calLoadImg').attr('data-src'));
    });

    function caclulate_words(words, d) {
        var no_of_q = parseInt(document.getElementById('no_of_q').value) || 0;
        var no_of_w = parseInt(document.getElementById('no_of_w').value) || 0;

        if (no_of_q > 0 && no_of_w > 0) {
            let pages_count_slected = Math.ceil((no_of_q * no_of_w) / words);

            const lastOptionVal = parseInt(document.querySelector('#pages_count option:last-child').value);
            if (pages_count_slected > lastOptionVal) {
                document.querySelector('#pages_count option:last-child').selected = true;
                pages_count_slected = lastOptionVal;
            } else {
                pages_count_slected = exact_page_count_get(pages_count_slected);
                document.getElementById('pages_count').value = pages_count_slected;
            }

            const ass_id = document.querySelector('.assignment').value;
            const group_unit = document.querySelector('.group_unit_hidden').value;

            changewords_order(group_unit, ass_id, pages_count_slected);
        }
    }

    function showGatewayDiv() {
        $('.gateway-div').show();
        $('.bank-div').hide();
        $('#payment_method').val('gateway');
        $('.gatewaybtn').addClass('btn-active');
        $('.bankbtn').removeClass('btn-active');
    }

    function showBankDiv() {
        $('.bank-div').show();
        $('.gateway-div').hide();
        $('#payment_method').val('bank');
        $('.bankbtn').addClass('btn-active');
        $('.gatewaybtn').removeClass('btn-active');
    }

    function showextradiv() {
        // $('#tableExample').hide();
        $('.extra_details').toggleClass('d-none');
    }

    function showfilediv() {
        $('.filediv').toggleClass('d-none');
    }
    function showslicediv(){
        $('#slicediv').toggleClass('d-none');
    }
    function AddMore_attech() {
      
        let lastRow = $("#MainTable_attech tbody tr:last");
        let lastInput = lastRow.find("td:eq(0) input");

        if (lastInput.val().trim() !== "") {
            let newRow = lastRow.clone();
            newRow.find("input").val(""); // Clear input fields in the new row
            $("#MainTable_attech tbody").append(newRow);

            // Reassign tab indices
            $(":input").each(function (i) {
                $(this).attr('tabindex', i + 1);
            });
        }
    }

    function getCurrency() {
        $.ajax({
            type: "POST",
            url: "{{ route('getPrice') }}",
            data: {
                country: $("#country option:selected").text(),
                _token: "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function (data) {
                if (data && data.Currency_values) {
                    var totalPay = $(".tot_pay").val();
                    $(".countryCurr").html('(Order Currency: <span class="currency">' + data.Currency_values
                        .currency +
                        ' </span><span class="TotalPrice"> </span> & Rate: <span class="Rate"></span> )'
                    );
                    $(".Rate").html(data.Currency_values.value);
                    $("#custCurr, #custCurrVal").removeAttr("disabled");
                    $("#custCurr").val(data.Currency_values.currency);
                    $("#custCurrVal").val(data.Currency_values.value);
                    price_calculater_order();
                } else {
                    $('.countryCurr').html('');
                    $("#custCurr").val('').attr('disabled', true);
                    $("#custCurrVal").val('').attr('disabled', true);
                }
            },
            error: function (xhr) {
                console.error("AJAX Error:", xhr.responseText);
            }
        });
    }
    $(document).on('change', '.urgency1', function () {
        let selectedText = $(this).find('option:selected').text();

        // If you're inside a form or a section you want to scope to
        let currentForm = $(this).closest('form'); // or use closest('.your-container-class')

        // Update relevant inputs
        $(".urgencyTxt", currentForm).val(selectedText); // inside current form
        $("#urgencyTxt").val(selectedText); // global input (if needed)
    });
    function calculat_tot_turnitin() {
        let tot_pay = parseFloat($('.tot_pay').val()) || 0;
        let turnitin_report_price = parseFloat($('#turnitin_price_curr').val()) || 0;

        let total = (turnitin_report_price + tot_pay).toFixed(2);
        $('.tot_quote_pay').val(total);
    }
    let validFileExtensions = [".jpg", ".txt", ".ods", ".odt", ".xls", ".xlsx", ".jpeg", ".docx", ".doc", ".png", ".pdf", ".ppt", ".pptx", ".zip", ".rar", ".tar.gz", ".csv"];
    let fileArrInsert = [];

    function s3Upload(input) {
        const file = input.files[0];
        const fileName = file.name;
        const fileSize = file.size;

        const ext = fileName.substring(fileName.lastIndexOf('.')).toLowerCase();

        if (!validFileExtensions.includes(ext)) {
            input.value = '';
            return sendError(input, 'Please select a valid file');
        }

        if (fileSize > 104857600) {
            input.value = '';
            return sendError(input, 'Please select a file less than 100 MB');
        }

        let formData = new FormData();
        formData.append('file', file);
        formData.append('site_sort_name', $("#get_website").val()); // Inject from controller
        formData.append('_token', $('meta[name="csrf-token"]').attr('content'));


        $.ajax({
            url: '{{ route("upload.s3") }}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function (response) {
                if (response.name) {
                    fileArrInsert.push(response.name);
                    console.log(fileArrInsert)
                    $('#cust_new_file_name').val(fileArrInsert.join(','));
                }
            },
            error: function (xhr, status, error) {
                console.error('s3 error', xhr);
        
                try {
                    const responseJSON = JSON.parse(xhr?.responseText);
                    console.error('Response:', responseJSON);
                } catch (e) {
                    console.warn('Could not parse JSON:', xhr?.responseText);
                }

                sendError(input, 'File upload failed');
            }
        });
    }

    function sendError(ele, msg) {
        $(ele).focus().addClass("is-invalid");
        alert(msg);
        return false;
    }
    $(document).ready(function(){
        showGatewayDiv();
        const urlParts = window.location.pathname.split('/');
        const id = urlParts[urlParts.length - 1]; // gets 1018
        if(id != ''){
            getexsistuser();
        }
        $('.datepicker').datepicker({
        autoclose: true, // Automatically close the calendar after selecting a date
        todayHighlight: true, // Highlight today's date
        format: 'yyyy-mm-dd'
        });
    })
    function AddMore() {
        var i = 0;

        var today = new Date();
        var mm = today.getMonth() + parseInt(1);
        if (mm < 10) {
            mm = '0' + mm;
        }
        var dd = today.getDate();
        if (dd < 10) {
            dd = '0' + dd;
        }
        var c = today.getFullYear() + '-' + mm + '-' + dd + ' 06:00 PM';

        if ($("#MainTable tbody tr:last td:eq(0) input").val() != "") {

            var datetime_last = $("#MainTable tbody tr:last td:eq(0) input").val();
            var dt = new Date(datetime_last);
            var time_last = getAdjustedtime(dt);
            var date_last = getAdjustedDate(dt);
            var c = date_last + ' 06:00 PM';
            var dd = $("#MainTable tbody").append($("#MainTable tbody tr:last").clone());
            var abc = $("#MainTable tbody tr:last input").val("");
            $('.datetimepicker2').datetimepicker({
            format:'Y-m-d H:i',  // Adjust format if needed
            sideBySide: true,
                useCurrent: 'day',
                minDate: date_last,
        }).on("dp.show", function() {
                return $(this).data('datetimepicker2').defaultDate(c);
            });

        }

    }
    function getAdjustedDate(adjustment) {
        var dd = adjustment.getDate();
        var mm = adjustment.getMonth() + 1; //January is 0!

        var yyyy = adjustment.getFullYear();
        if (dd < 10) {
            dd = '0' + dd
        };
        if (mm < 10) {
            mm = '0' + mm
        };
        return yyyy + '-' + mm + '-' + dd;
    }

    function getAdjustedtime(adjustment) {
        var hh = adjustment.getHours();
        var ii = adjustment.getMinutes();
        var ss = adjustment.getSeconds();
        if (hh < 10) {
            hh = '0' + hh
        };
        if (ii < 10) {
            ii = '0' + ii
        };
        if (ss < 10) {
            ss = '0' + ss
        };
        return hh + ':' + ii + ':' + ss;
    }

</script>
<style>
    .btn-active{
        background: rgb(123, 226, 123) !important;
    }
</style>