@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">Edit Data</h5>
            </div>
            <div class="col-8 col-sm-auto ms-auto text-end ps-0">
                <div id="orders-actions">
                    <button class="btn btn-falcon-default btn-sm" onclick="AddOrder('{{ $users->id }}')" type="button"><span
                            class="fas fa-plus" data-fa-transform="shrink-3 down-2"></span><span
                            class="d-none d-sm-inline-block ms-1">Lead</span></button>
                    <button type="button" class="btn btn-falcon-default btn-sm" data-bs-toggle="modal"
                        data-bs-target="#myModal">Activity</button>
                </div>
            </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 class="row g-3" method="POST" action="{{ route('Editcustomer') }}">
                    @csrf
                    <input type="hidden" value="{{ $users->id }}" name="userid">
                    <input type="hidden" value="{{ $users->cust_id }}" name="custid">
                    <div class="col-md-3">
                        <label class="form-label" for="inputEmail4">Customer Name</label>
                        <input class="form-control" name="name" id="inputEmail4" type="text"
                            value="{{ $users->name }}" placeholder="xyz" />
                    </div>
                    <div class="col-md-3">
                        <label class="form-label" for="inputEmail4">Email</label>
                        <input class="form-control" id="inputEmail4" readonly name="email" value="{{ $users->email }}"
                            type="email" placeholder="xyz@gmail.com" />
                    </div>
                    <div class="col-md-2">
                        <label class="form-label" for="inputAddress">Country</label>
                        <select class="form-select" disabled required id="country" name="country" onchange="getcountrycode();">
                            <option value="">--select--</option>
                            @foreach($countries as $country)
                            <option @if($users->country == $country->name) selected @endif
                                value="{{ $country->name . '@#$?' . $country->code }}">{{ $country->name }}
                            </option>
                            @endforeach
                        </select>

                    </div>
                    <div class="col-md-4">
                        <label class="form-label" for="inputAddress2">Phone</label>
                        <div class="row">

                            <div class="col-md-8">
                                <input class="form-control" id="inputAddress2" name="phone" type="text"
                                    value="{{ $users->phone }}" placeholder="" required />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label" for="inputState">Brand</label>
                        <select class="form-select" disabled name="web_short_name" id="inputState">
                            <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 class="col-md-2">
                        <label class="form-label" for="inputState">Source</label>
                        <select name="source" disabled required class="form-select" id="source">
                            <option value="">None</option>
                            <option value="Chilly" @if($users->source == 'Chilly') selected @endif>Chilly</option>
                              <option value="GH" @if($users->source == 'GH') selected @endif>GH</option>
                            <option value="Facebook" @if($users->source == 'Facebook') selected @endif>Facebook</option>
                            <option value="Instagram" @if($users->source == 'Instagram') selected @endif>Instagram</option>
                            <option value="Telegram" @if($users->source == 'Telegram') selected @endif>Telegram</option>
                            <option value="Friends Reference" @if($users->source == 'Friends Reference') selected @endif>Friends Reference</option>
                        </select>
                    </div>
                    <hr>
                    <h5 class="mb-0">Student Portal Information</h5>

                    <div class="row g-3">
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">University Name</label>
                            <input class="form-control" id="inputAddress2" name="college" type="text" value="{{ $users->college }}" placeholder="" />
                        </div>
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">Course</label>
                            <input class="form-control" id="inputAddress2" name="course" type="text" value="{{ $users->course }}" placeholder="" />
                        </div>
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">Portal Url</label>
                            <input class="form-control" id="inputAddress2" name="portal_url" type="text" value="{{ $users->portal_url }}" placeholder="" />
                        </div>
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">Login Id</label>
                            <input class="form-control" id="inputAddress2" name="portal_login_id" type="text" value="{{ $users->portal_login_id }}" placeholder="" />
                        </div>
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">Password</label>
                            <input class="form-control" id="inputAddress2" name="portal_password" type="text" value="{{ $users->portal_password }}" placeholder="" />
                        </div>
                       <div class="col-md-2">
                            <label class="form-label" for="inputState">Intake Month</label>
                            @php
                                $months = [];
                                for ($i = 1; $i <= 12; $i++) {
                                    $months[] = \Carbon\Carbon::create()->month($i)->format('M');
                                }
                            @endphp

                            <select  name="intake_month" class="form-select">
                                <option value="">Select</option>
                                @foreach($months as $index => $month)
                                    <option value="{{ $month }}"  {{ $users->intake_month == $month ? 'selected' : '' }}>{{ $month }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label" for="inputState">Intake Year</label>
                            @php
                                $startYear = 2022;
                                $endYear = now()->year + 1;
                                $years = range($startYear, $endYear);
                            @endphp
                           <select name="intake_year" class="form-select">
                                <option value="">Select</option>
                                @foreach($years as $year)
                                    <option value="{{ $year }}" {{ $users->intake_year == $year ? 'selected' : '' }}>
                                        {{ $year }}
                                    </option>
                                @endforeach
                        </select>                     
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="row flex-between-end">
                                <div class="col-auto align-self-center">
                                    <h5 class="mb-0">Assignment Information</h5>

                                </div>
                                <div class="col-8 col-sm-auto ms-auto text-end ps-0">
                                    <div id="orders-actions">
                                        <button type="button" class="btn btn-primary btn-sm" onclick="addAssignment();">Add More</button>
                                    </div>
                                </div>

                            </div>
                            </br>

                            <div class="filediv" id="attech">
                                <div class="account-detail">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <table class="table-bordered" style="width: 100%; background: beige;" id="MainTable_attech">
                                                <thead>
                                                    <tr>
                                                        <td>Topic</td>
                                                        <td>Service</td>
                                                        <td>Subject <span style="color: red;">*</span></td>
                                                        <td>Date <span style="color: red;">*</span></td>
                                                        <td>Available Date<span style="color: red;">*</span></td>
                                                        <td>Words</td>
                                                        <td>Order Id (If Available)</td>
                                                        <td>Action</td>
                                                    </tr>
                                                </thead>
                                                <tbody class="JK" id="custfile_attechment_upload">
                                                    @foreach ($assignment_info as $info)
                                                    <tr id="row-{{ $info->id }}" data-service-text="{{ $info->service }}" data-subject-text="{{$info->subject}}">
                                                       <input type="hidden" name="assid[]" value="{{$info->id}}">
                                                       <td><input type="text" class="form-control assignment_topic" name="assignment_topic[]" value="{{$info->topic}}"></td>
                                                        <td>
                                                        <select id="" class="form-select ass_group_list" name=""
                                                        onchange="get_subject_list(this, 'https://betacpanel.globalassignmenthelp.com/api', '')"
                                                        data-type="blank" >
                                                        <option value=""> Select Services </option>
                                                        <option unit_tag="Pages | Words" value="1">Assignment | Coursework | Term Paper</option>
                                                        <option unit_tag="Pages | Words" value="14">Case Study | Report Writing </option>
                                                        <option unit_tag="Pages | Words" value="17">Plagiarism Report</option>
                                                        <option unit_tag="Pages | Words" value="16">Essay</option>
                                                        <option unit_tag="Pages | Words" value="2">Dissertation & PHD Thesis</option>
                                                        <option unit_tag="Pages | Words" value="13">Business Plan</option>
                                                        <option unit_tag="Que. | Word/Que." value="4">Online Exam | Question based test Papers</option>
                                                        <option unit_tag="Que. | Word/Que." value="15">Multiple Choice Questions </option>
                                                        <option unit_tag="Pages | Words" value="5">Editing | Proofreading | Paraphrasing</option>
                                                        <option unit_tag="Slides" value="8">PowerPoint Presentation</option>
                                                        <option unit_tag="Poster" value="9">Poster</option>
                                                        <option unit_tag="Leaflet" value="10">Leaflet</option>
                                                        <option unit_tag="Pages | Words" value="6">Summary Writing</option>
                                                        <option unit_tag="Pages | Words" value="7">Portfolio</option>
                                                        <option unit_tag="Pages | Words" value="11">Resume / CV Services
                                                        </option>
                                                    </select>
                                                     <input type="hidden" class="assignment_name" name="assignment_service[]"
                                                         value="{{ $info->service }}">
                                                    <input type="hidden" value="" name="group_unit_hidden" id=""
                                                        class="group_unit_hidden group_unit_hidden">    
                                                        </td>
                                                        <td class="get_subject"> <select class="form-select" onchange="sle_sub_name(this)"
                                                            id="assignment_subject" name="type">
                                                            <option value="">Select subject</option>
                                                        </select></td>
                                                        <td><input type="text" class="form-control datepicker" name="assignment_date[]" value="{{$info->date}}"></td>
                                                        <td><input type="text" class="form-control datepicker" name="assignment_available_date[]" value="{{$info->available_date}}"></td>
                                                        <td><input class="form-control" type="number" name="assignment_words[]" value="{{$info->word}}"></td>                                                        
                                                        <td><input class="form-control" type="number" name="assignment_order_id[]" value="{{$info->order_id}}"></td>                                                      
                                                      <td>                                                          
                                                             <a onclick="deleteRow({{$info->id}});" style="font-size:12px;cursor:pointer;">
                                                                <i class="fa fa-trash" title="Delete Row"></i>
                                                            </a>@if($info->order_id == null)                                                           
                                                                    | <i class="fa fa-shopping-cart" title="Convert To Order" aria-hidden="true" onclick="convertOrder(this, {{ $users->id }}, {{ $info->id }});" style="font-size:14px;cursor:pointer;"></i>                                                           
                                                            @endif
                                                        </td>

                                                    </tr>
                                                    @endforeach
                                                    <tr>      
                                                        <td><input type="text" class="form-control assignment_topic" name="assignment_topic[]" ></td>                                                  
                                                        <td>
                                                           <select id="" class="form-select ass_group_list" name=""
                                                        onchange="get_subject_list(this, 'https://betacpanel.globalassignmenthelp.com/api', '')"
                                                        data-type="blank">
                                                        <option value=""> Select Services </option>
                                                        <option unit_tag="Pages | Words" value="1">Assignment | Coursework | Term Paper</option>
                                                        <option unit_tag="Pages | Words" value="14">Case Study | Report Writing </option>
                                                        <option unit_tag="Pages | Words" value="17">Plagiarism Report</option>
                                                        <option unit_tag="Pages | Words" value="16">Essay</option>
                                                        <option unit_tag="Pages | Words" value="2">Dissertation & PHD Thesis</option>
                                                        <option unit_tag="Pages | Words" value="13">Business Plan</option>
                                                        <option unit_tag="Que. | Word/Que." value="4">Online Exam | Question based test Papers</option>
                                                        <option unit_tag="Que. | Word/Que." value="15">Multiple Choice Questions </option>
                                                        <option unit_tag="Pages | Words" value="5">Editing | Proofreading | Paraphrasing</option>
                                                        <option unit_tag="Slides" value="8">PowerPoint Presentation</option>
                                                        <option unit_tag="Poster" value="9">Poster</option>
                                                        <option unit_tag="Leaflet" value="10">Leaflet</option>
                                                        <option unit_tag="Pages | Words" value="6">Summary Writing</option>
                                                        <option unit_tag="Pages | Words" value="7">Portfolio</option>
                                                        <option unit_tag="Pages | Words" value="11">Resume / CV Services
                                                        </option>
                                                    </select>
                                                     <input type="hidden" class="assignment_name" name="assignment_service[]"
                                                         value="">
                                                    <input type="hidden" value="" name="group_unit_hidden" id=""
                                                        class="group_unit_hidden group_unit_hidden">    
                                                        </td>
                                                        <td class="get_subject"> <select class="form-select" onchange="sle_sub_name(this)"
                                                            id="assignment_subject" name="type">
                                                            <option value="">Select subject</option>
                                                        </select></td>
                                                        <td><input type="text" class="form-control datepicker" name="assignment_date[]"></td>
                                                        <td><input type="text" class="form-control datepicker" name="assignment_available_date[]"></td>
                                                        <td><input class="form-control" type="number" name="assignment_words[]"></td>
                                                        <td><input class="form-control" type="number" name="assignment_order_id[]"></td>
                                                        <td width="140px;">
                                                            <a onclick="$(this).parent().parent().remove();$('.attach_s3').val('');" style="font-size:12px;cursor:pointer;">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                             <!-- <a onclick="convertOrder(this, {{ $users->id }});" style="font-size:12px;cursor:pointer;">
                                                                Convert To Order
                                                            </a> -->
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

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


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

        </div>
    </div>
</div>
<div class="card mb-3">
    <div class="card-header">
        <div class="row flex-between-center">
            <div class="col-4 col-sm-auto d-flex align-items-center pe-0">
                <h5 class="mb-0" data-anchor="data-anchor">Follow Ups</h5>
            </div>
            <div class="col-8 col-sm-auto ms-auto text-end ps-0">
                <div id="orders-actions">
                    <button class="btn btn-primary btn-sm" onclick="showdiv()" type="button">Create Followup</button>
                </div>
            </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">
                <div class="newfollowup d-none">
                    <br>
                    <form method="POST" action="{{ route('Addfollowup') }}">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="custid" value="{{ $users->id }}">
                            <div class="col-md-3">
                                <label class="form-label" for="inputState">Type</label>
                                <select class="form-select" required name="type">
                                    <option value="">Select</option>
                                    @foreach($Call_tracker_type as $Call_tracker)
                                    <option value="{{ $Call_tracker->id }}">{{ $Call_tracker->name }}</option>
                                    @endforeach
                                    <!-- <option value="Not On Whatsapp">Not On Whatsapp</option> -->
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label" for="inputState">Status</label>
                                <select class="form-select" required name="status" id="fStatus"
                                    onchange="showMessage(this.value)">
                                    <option value="">Select</option>
                                    <option value="No Response">No Response</option>
                                    <option value="Pitched">Pitched</option>
                                    <option value="Voice Note">Voice Note</option>
                                    <option value="Call Cut">Call Cut</option>
                                    <option value="Other">Other</option>
                                </select>
                            </div>
                            <!-- <div class="col-md-3" style="display:none;">
                                <label class="form-label" for="inputState">Assign To</label> -->
                            <input class="form-control" name="assign_to" type="hidden"
                                value="{{ auth()->user()->id }}" />
                            <!-- </div> -->
                            <div class="col-md-3">
                                <label class="form-label" for="inputState">Stage</label>
                                <select class="form-select" name="stage" id="stage">
                                    <option value="">Select</option>
                                    <option value="Pending" @if($users->stage == 'Pending') selected @endif disabled>Pending</option>
                                    <option value="Converted" @if($users->stage == 'Converted') selected @endif>Converted</option>
                                    <option value="Interested" @if($users->stage == 'Interested') selected @endif>Interested</option>
                                    <option value="Not Interested" @if($users->stage == 'Not Interested') selected @endif>Not Interested</option>
                                    <option value="May Be Later" @if($users->stage == 'May Be Later') selected @endif>May Be Later</option>
                                    <option value="Budget Issue" @if($users->stage == 'Budget Issue') selected @endif>Budget Issue</option>
                                    <!-- <option value="May Be Later">Converted</option> -->
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label" for="inputState">Next Followup Date</label>
                                <input class="form-control" id="datetimepicker1" name="next_followup_date"
                                    type="text" />
                            </div>
                            <div class="row" style="margin-top:10px;">
                                <br>
                                <div class="col-md-6 message-field" style="display:none;">
                                    <label class="form-label" for="exampleFormControlTextarea1">Message</label>
                                    <textarea name="message" class="form-control" id="exampleFormControlTextarea1"
                                        rows="1"></textarea>
                                </div>
                                <!-- <div class="col-md-3">
                                <label class="form-label" for="inputState">Followup Date</label>
                                <input class="form-control" required id="datetimepicker" name="followup_date" type="text" />
                            </div> -->
                                <div class="modal-footer" style="border-top: 0px !important;">
                                    <button type="button" class="btn btn-secondary closebtn d-none"
                                        data-bs-dismiss="modal">Close</button>
                                    <button type="submit" class="btn btn-primary savebtn d-none">Save changes</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane fade show active" id="tableExample" role="tabpanel"
                    aria-labelledby="pills-tracker-tab">
                    @if($Call->count() > 0)
                    @foreach($Call as $followup)
                    <div class="card shadow mb-4">
                        <div class="card-header d-flex p-2">
                            <div class="mr-4">
                                <strong style="color: {{ optional($followup->trackerType)->color_code ?? 'black' }}">
                                    {{ optional($followup->trackerType)->name ?? 'N/A' }}
                                </strong>


                            </div>
                            @if(!empty($followup->order_id))
                            <div class="mr-4">
                                <strong> Order ID </strong>: {{ $followup->order_id }}
                            </div>
                            @endif
                            <div class="mr-4"> <strong> Follow Up Date </strong>:
                                {{ \Carbon\Carbon::parse($followup->follow_up_time)->format('d F Y H:i:s') }}
                            </div>
                            <div class="mr-4"> <strong>Next Follow Up Date </strong>:
                                {{ $followup->next_followup_time ? \Carbon\Carbon::parse($followup->next_followup_time)->format('d F Y H:i:s') : '' }}

                            </div>
                            <!-- <div class="mr-4" style="right: 0 !important;position: absolute;"> <strong> Created
                                            By
                                        </strong>:
                                        {{ $followup->createdBy->display_name ?? 'N/A' }}
                                    </div> -->
                        </div>
                        <div class="card-body p-2 pl-3">
                            <p> {{ $followup->message }}
                        </div>
                        <div class="card-text card-footer medium assignby p-1 pl-3 pr-3 bg-white">Stage :
                            {{ $users->stage }}
                            <!-- <span> Deepak Sharma <strong> (Smith) </strong></span>--> <span
                                class="float-right">Date <span class="text-muted"> :
                                    {{ \Carbon\Carbon::parse($followup->curr_time)->format('d F Y H:i:s') }}
                                </span></span>
                            <!-- <a href="#" class=" d-inline-block float-right"> Mark As Read </a> -->
                        </div>
                    </div>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="6">No Data Found</td>
                    </tr>
                    @endif

                </div>
            </div>

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

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel">Data Activity</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="tableExample">
                    <div class="table-responsive scrollbar">
                        <table class="table table-bordered table-striped fs--1 mb-0">
                            <thead class="bg-200 text-900">
                                <tr>
                                    <th>No.</th>
                                    <th>Column Name</th>
                                    <th>Changes</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody class="list">

                                @if($leadhistory->count() > 0)
                                @foreach($leadhistory as $index => $history)
                                @php
                                $events = explode(',', $history->event);
                                $eventData = explode(',', $history->event_data);
                                @endphp

                                <tr>
                                    <td>{{ $index + 1 }}</td> {{-- Serial Number --}}
                                    <td>
                                        @foreach($events as $key => $event)
                                        {{ $event }}<br>
                                        @endforeach
                                    </td> {{-- Event --}}
                                    <td>
                                        @foreach($eventData as $key => $data)
                                        {{ $data ?? 'N/A' }}<br>
                                        @endforeach
                                    </td> {{-- Event Data --}}
                                    <td>
                                        {{ $history->created_time ? \Carbon\Carbon::parse($history->created_time)->format('d M Y h:i:s A') : '' }}
                                    </td> {{-- Created Time --}}
                                </tr>
                                @endforeach

                                @else
                                <tr>
                                    <td colspan="6">No Data Found</td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div> -->
        </div>
    </div>
</div>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Bootstrap CSS from cdnjs -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Bundle with Popper from cdnjs -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>

<!-- Bootstrap DateTimePicker CSS -->
<link
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"
    rel="stylesheet">




<script>
    $(document).ready(function() {
        $('#datetimepicker, #datetimepicker1').datetimepicker({
            format: 'Y-m-d H:i', // Adjust format if needed
            step: 15 // Time interval in minutes
        });
    });

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

    function showMessage(val) {
        if (val == 'Other') {
            $("#exampleFormControlTextarea1").val("").parent().show();
        } else {
            $("#exampleFormControlTextarea1").val(val).parent().hide();
        }
    };

    function showdiv() {
        // $('#tableExample').hide();
        $('.newfollowup, .savebtn, .closebtn').toggleClass('d-none');
    }

    function showtable() {
        $('#tableExample').show();
        $('.newfollowup, .savebtn, .closebtn').addClass('d-none');
    }

    function AddOrder(id) {
        window.location.href = "{{ route('showLeadForm') }}/" + id;

    }

    function addAssignment() {
        let lastRow = $("#MainTable_attech tbody tr:last");
        let firstInput = lastRow.find("td:eq(0)").find("select");
        let secondInput = lastRow.find("td:eq(1)").find("select");


        let firstVal = $.trim(firstInput.val());
        let secondVal = $.trim(secondInput.val());
        console.log(firstVal, secondVal);
        // Clear previous errors
        lastRow.find(".error-message").remove();
        firstInput.removeClass("error");
        secondInput.removeClass("error");

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

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

            if (secondVal === "") {
                secondInput.addClass("error");
                lastRow.find("td:eq(1)").append('<span class="error-message">Required</span>');
            }
        }
        $('.datepicker').datepicker({
            autoclose: true, // Automatically close the calendar after selecting a date
            todayHighlight: true, // Highlight today's date
            format: 'yyyy-mm-dd'
        });
    }
    function deleteRow(id) {
        if (confirm("Are you sure you want to delete this row?")) {
            $.ajax({
                url: '/deleteassignments/' + id, // adjust to your route
                type: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content') // CSRF token for Laravel
                },
                success: function(response) {
                    alert("Row deleted successfully.");
                    // Optionally remove the row from the DOM
                    $('#row-' + id).remove();

                },
                error: function(xhr) {
                    alert("Something went wrong while deleting.");
                    console.error(xhr.responseText);
                }
            });
        }
    }
   function convertOrder(element, id, rowId) {
        // Find the parent row
        var row = $(element).parents('tr');
       console.log("rowId", rowId);
       
        // Get values from the inputs
        var subject = row.find('input[name="assignment_subject_nm[]"]').val();
        var date = row.find('input[name="assignment_date[]"]').val();
        var words = row.find('input[name="assignment_words[]"]').val();
        var service = row.find('input[name="assignment_service[]"]').val();
       // var order_id = row.find('input[name="assignment_order_id[]"]').val();
        // console.log(subject, date, words, service);
        // Encode the values for URL
        var queryParams = $.param({
            subject: subject,
            date: date,
            words: words,
            service: service,
            rowId : rowId,
           // order_id: order_id
        });

        var url = "{{ route('showLeadForm') }}/" + id + "?" + queryParams;

         // Open the URL in a new tab
        window.open(url, '_blank');
    }
    function get_subject_list(d, root_url1, assignment_subject_nm) {
        var g_id = $(d).val();

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

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

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

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

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

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

                    row.find('.get_subject').html(html);
                    row.find('#assignment_subject').addClass('form-select assignment_subject');
                     row.find('input.assignment_subject_nm').attr('name', 'assignment_subject_nm[]');
                    var subjectText = row.data('subject-text');  // uses HTML5 data-subject-text
                    if (subjectText) {
                        row.find('input.assignment_subject_nm').val(subjectText);

                        // Select the option by text
                        row.find('select.assignment_subject option').filter(function() {
                            return $(this).text().trim() === subjectText.trim();
                        }).prop('selected', true);

                        // Trigger change event if needed
                        row.find('select.assignment_subject').trigger('change');
                    }
                    // If a matching option is found, select it
                    if ($option.length) {
                        $option.prop('selected', true);
                        // Trigger change event if needed
                        $option.closest('select').trigger('change');
                    }
                    // Update the unit display only in current row (if applicable)
                    let selectedUnitTag = $('option:selected', d).attr('unit_tag');
                    if (selectedUnitTag !== undefined) {
                        selectedUnitTag = selectedUnitTag.trim();
                        if (selectedUnitTag === 'Que. | Word/Que.') {
                            row.find('.sPage').html(selectedUnitTag);
                            row.find('#questions').append('<label>Select Urgency</label>');
                        } else {
                            row.find('.sPage').html(selectedUnitTag.replace('|', '/').replace(/ /g, ''));
                        }
                    }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

        changeurgency_order(ass_id, urgency);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }
   $(document).ready(function() {
        $('#MainTable_attech tbody tr').each(function() {
            const $row = $(this);
            const serviceText = $row.data('service-text'); // prep store with Blade or attribute

            if (!serviceText) return;

            const $select = $row.find('select.ass_group_list');
            const match = $select.find('option').filter(function() {
            return $.trim($(this).text()) === $.trim(serviceText);
            });

            if (match.length) {
            $select.val(match.val()).trigger('change');
            }
        });
    });


</script>
<style>
    .mb-4,
    .my-4 {
        margin-bottom: 1.5rem !important;
    }

    .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: .25rem;
    }

    .tracker .card .card-header {
        font-size: 14px;
    }

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    }

    .p-2 {
        padding: .5rem !important;
    }

    .d-flex {
        display: flex !important;
    }

    .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .mr-4,
    .mx-4 {
        margin-right: 1.5rem !important;
    }

    b,
    strong {
        font-weight: bolder;
    }

    .tracker .card .card-header {
        font-size: 14px;
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem !important;
    }

    .p-2 {
        padding: .5rem !important;
    }

    .card-body {
        flex: 1 1 auto;
        min-height: 1px;
        padding: 1.25rem;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .bg-white {
        background-color: #fff !important;
    }

    .card-footer {
        padding: .75rem 1.25rem;
        background-color: rgba(0, 0, 0, 0.03);
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }

    .float-right {
        float: right !important;
    }

    .text-muted {
        color: #6c757d !important;
    }

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
    }

    .card-text:last-child {
        margin-bottom: 0;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem !important;
    }

    .pr-3,
    .px-3 {
        padding-right: 1rem !important;
    }

    svg:not(:root).svg-inline--fa {
        overflow: visible;
    }

    .svg-inline--fa.fa-w-10 {
        width: .625em;
    }

    .svg-inline--fa {
        display: inline-block;
        font-size: inherit;
        height: 1em;
        overflow: visible;
        vertical-align: -.125em;
    }

    .error {
        border: 1px solid red;
        background-color: #ffe6e6;
    }

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