@extends('web.layouts.master')
@section('content')     
        <!-- Hero Start -->
        <section class="bg-half-170 d-table w-100 it-home mt-5" style="background-color: #efefef; height:600px;">
            <div class="container">
               <div class="row">
                    <div class="col-md-12 mt-4 mb-3">
                        <div class="card border-0" style="border-radius:0px !important;">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row align-items-center">
                                            <div class="card rounded border-0 mb-4" style="background-color:white; padding:0px;">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="text-end" style="margin:1.4rem !important;">
                                                            <a role="button" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                <button type="button" class="btn btn2" data-toggle="collapse" data-target="#demo15">Add New Proposal</button>
                                                            </a>
                                                        </div>
                                                            <!-- Proposal Tab -->
                                                        <div class="col-md-12 mb-4">
                                                            <div id="demo15" class="collapse" style="width: 96%; margin-left: 21px;">
                                                                <div class="panel-body" style="padding:10px; background-color: #16183f69; border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                    <form method="POST" action="{{ route('proposal-save') }}"  enctype="multipart/form-data">
                                                                        @csrf
                                                                        <div class="col-md-12">
                                                                            <div class="mb-2">
                                                                                <label class="form-label">Title</label>
                                                                                <div class="form-icon position-relative">
                                                                                    <input type="text" class="form-control" placeholder="Title" name="title" required="">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row">
                                                                            <div class="col-md-4 back">
                                                                                <div class="mb-2">
                                                                                    <label class="form-label">Methology</label>
                                                                                    <select class="form-control" id="" name="methology">
                                                                                        <option>Methology</option>
                                                                                        <option>Quantitative </option>
                                                                                        <option>Qualitative </option>
                                                                                        <option>Mixed Method </option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-4">
                                                                                <div class="mb-2">
                                                                                    <label class="form-label">Department</label>
                                                                                    <div class="form-icon position-relative">
                                                                                        <input type="text" class="form-control" placeholder="Department" name="department" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-4 back">
                                                                                <div class="mb-2">
                                                                                    <label class="form-label">Funding Status</label>
                                                                                    <select class="form-control" id="" name="status">
                                                                                        <option>Funding Status</option>
                                                                                        <option>Self-Funded</option>
                                                                                        <option>Govt. Scholarship</option>
                                                                                        <option>Other Scholarship</option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row">
                                                                            <div class="col-md-10">
                                                                                <label class="form-label" for="proposal">Proposal</label>
                                                                                <input type="file" accept="application/pdf,application/msword,.doc,.docx" name="documentfile" id="documentfile" class="form-control">
                                                                            </div>
                                                                            <div class="col-md-2">
                                                                                <div class="mt-4 pt-3">
                                                                                    <div class="text-end">
                                                                                        <button class="btn btn2">Save</button>                                                                                                                
                                                                                    </div>
                                                                                </div>
                                                                            </div> 
                                                                        </div>    
                                                                    </form>
                                                                </div>
                                                            </div> 
                                                        </div>    
                                                            <!--proposal table -->
                                                        <div class="col-md-12 mb-1">
                                                            <div class="scrolled_content_part" style="width: 96%; margin-left: 20px;">
                                                                <div class="single_ad_pref_item1">                                                                         
                                                                    <div class="serial" style="width: 7%;">
                                                                        <strong style="font-size:13px; margin-left: 10px;">Sl</strong>
                                                                    </div>
                                                                    <div class="pro_title"  style="width: 78%;">                                                         
                                                                        <strong style="font-size:13px;">Title</strong></br>                                                   
                                                                    </div>
                                                                    <!-- <div class="pro_type"  style="width: 27%">                                                                          
                                                                        <strong style="font-size:13px;">File Type</strong>                                                                         
                                                                    </div> -->
                                                                    <div class="pro_type"  style="width: 31%">                                                                          
                                                                        <strong style="font-size:13px;">Updated</strong>                                                                         
                                                                    </div>
                                                                    <div class="actions">                                                                          
                                                                        <strong style="font-size:13px; margin-right: 6px;">Action</strong>                                                                            
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-md-12 mb-1">
                                                            <div style="width: 96%; margin-left: 20px;">
                                                                @foreach($proposal as $key=>$row)    
                                                                    <div class="single_ad_pref_item2">
                                                                        <div class="student mt-2 pt-1" style="width: 7.9%;">                                                                                                                                    
                                                                            <strong style="font-size:13px; margin-left: 20px;">{{$key+1}}</strong>                                                               
                                                                        </div>
                                                                        <div class="pro_title mb-2" style="width: 69%;">
                                                                            <h6 style="font-size:13px !important;; font-weight:600 !important;">{{$row->title}}</h6>
                                                                            <div style="margin-top: -11px; display: block;">
                                                                                <span style="font-size:10px;">{{$row->methology}}</span>
                                                                                <span>.</span>
                                                                                <span style="font-size:10px;">{{$row->department}}</span> 
                                                                                <span>.</span>  
                                                                                <span style="font-size:10px;">{{$row->status}}</span> 
                                                                            </div>                                             
                                                                        </div>
                                                                        <!-- <div class="pro_type mt-2 pt-1" style="width: 19%;">                                                                          
                                                                            <strong style="font-size:13px;">{{$row->file_type}}</strong> 
                                                                            <i class="fa fa-file-pdf-o" style="font-size: 13px !important; padding: 4px;"></i>                                                                        
                                                                        </div> -->
                                                                        <div class="pro_title" style="width: 26%; text-align: center; margin-top: -3px;">
                                                                            <strong style="font-size:13px; font-weight:600 !important; ">8 Mar 2023</strong>
                                                                            <span style="font-size:10px; display: block;">3 days ago</span>                                             
                                                                        </div>
                                                                        <div class="mt-2 pt-1" style="margin-right: 10px; width: 20%; text-align: end;">                                                                          
                                                                            <a role="" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse2" aria-expanded="true" aria-controls="collapse2">
                                                                                <i class="fa fa-edit change_pass_btn" style="font-size: 13px !important; padding: 4px;"  data-toggle="collapse" data-target="#demo14" onclick="editProposal({{$row}})"></i>
                                                                            </a> 
                                                                                <i class="fa fa-eye change_pass_btn" style="font-size: 13px !important; padding: 4px;"></i>
                                                                                <i class="fa fa-trash change_pass_btn delete_proposal" style="font-size: 13px !important; padding: 4px;"  data-id="{{ $row->id }}"></i>                                                                          
                                                                        </div>
                                                                    </div>
                                                                @endforeach   
                                                            </div>
                                                        </div>  
                                                            <!-- proposal Edit -->
                                                        <div class="col-md-12 mb-4 mt-4">
                                                            <div id="demo14" class="collapse" style="width: 96%; margin-left: 21px;">
                                                                <div class="panel-body" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                    <form method="POST" action="" id="edit-proposal">
                                                                        @csrf
                                                                            <div class="col-md-12">
                                                                                <div class="mb-1">
                                                                                    <label class="form-label">Title</label>
                                                                                    <div class="form-icon position-relative">
                                                                                        <input type="text" class="form-control" placeholder="Title" name="title" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>  
                                                                            <div class="row">                                                                               
                                                                                <div class="col-md-4 back">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Methology</label>
                                                                                        <select class="form-control" id="" name="methology">
                                                                                            <option>Methology</option>
                                                                                            <option>Quantitative </option>
                                                                                            <option>Qualitative </option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div> 
                                                                                <div class="col-md-4">
                                                                                    <div class="mb-1">
                                                                                        <label class="form-label">Department</label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text" class="form-control" placeholder="Department" name="department" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>                                                            
                                                                                <div class="col-md-4 back">
                                                                                    <div class="mb-1">
                                                                                        <label class="form-label">Funding Status</label>
                                                                                        <select class="form-control" id="" name="status">
                                                                                            <option>Funding Status</option>
                                                                                            <option>Self-Funded</option>
                                                                                            <option>Govt. Scholarship</option>
                                                                                            <option>Other Scholarship</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        <div class="row">
                                                                            <div class="col-md-10 mb-3">
                                                                                <label class="form-label" for="proposal">Proposal</label>
                                                                                <input type="file" accept="application/pdf,application/docx,application/doc" name="documentfile" id="documentfile" class="form-control">
                                                                            </div>  
                                                                            <div class="col-md-2">
                                                                                <div class="mt-4 pt-3">
                                                                                    <div class="text-end">
                                                                                        <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                        <button class="btn btn2">Update</button>                                                                                                                
                                                                                    </div>
                                                                                </div>
                                                                            </div> 
                                                                        </div>                                                                                                                                             
                                                                    </form>
                                                                </div>
                                                            </div>                                                                                                                    
                                                        </div> 
                                                    </div>
                                                </div>      
                                            </div>
                                            <!-- Education edit -->
                                            <div class="col-md-12" style="background: rgb(255, 255, 255);border-radius: 0.25rem;">
                                               
                                                <div class="mt-3 mb-2">
                                                    <div class="container-fluid" style="padding:0px !important;">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="education">
                                                                            <i class="fa fa-graduation-cap" style="padding: 7px;"></i>EDUCATION HISTORY
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <div class="text-end mt-2 pt-1">
                                                                            <a role="button" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                                <button type="button" class="btn btn2" data-toggle="collapse" data-target="#demo">Add</button>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div> <!--box-end-->
                                                            <div class="col-md-12 mt-1">
                                                                <div id="demo" class="collapse">
                                                                    <div class="panel-body" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                        <form method="POST" action="{{ route('institution-save') }}">
                                                                        @csrf
                                                                           <div class="row">
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Academic level <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <select name="academiclevel" id="academic level" class="form-control frm" required="">
                                                                                                   <option disabled="" selected="" value="">Choose one....</option>
                                                                                                @foreach($academic_level as $row)
                                                                                                    <option value="{{$row->id}}">{{$row->name}}</option>
                                                                                                @endforeach                                                                                          
                                                                                               
                                                                                            </select>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label" for="subject">Subject <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text" for="subject" name="subject" class="form-control ps-2" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                        <div class="mb-1">
                                                                                            <label class="form-label" for="">Institution<span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text"  for="institution" name="institution" class="form-control ps-2" placeholder="" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Passing Year <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <select name="passingyear" id="passing year" class="form-control frm" required="">
                                                                                                <option disabled="" selected="" value="">Year</option>
                                                                                                @php
                                                                                                    $firstYear = (int)date('Y') - 20;
                                                                                                    $lastYear = $firstYear + 20;
                                                                                                    for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                @endphp
                                                                                                <option value="{{$i}}">{{$i}}</option>
                                                                                                @php
                                                                                                    }
                                                                                                @endphp
                                                                                            </select>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Result <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text" class="form-control ps-2" name="result" placeholder="" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="row">
                                                                                        <div class="col-md-6">
                                                                                            <div class="mb-1">
                                                                                                    <label class="form-label">Start Date <span class="text-danger">*</span></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="startdate" id="start date" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Year</option>
                                                                                                        @php
                                                                                                            $firstYear = (int)date('Y') - 20;
                                                                                                            $lastYear = $firstYear + 20;
                                                                                                            for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                        @endphp
                                                                                                        <option value="{{$i}}">{{$i}}</option>
                                                                                                        @php
                                                                                                            }
                                                                                                        @endphp

                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="mb-1 mt-2">
                                                                                                    <label class="form-label"></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="startmonth" id="month" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Month</option>
                                                                                                        <option value="01">January</option>
                                                                                                        <option value="02">February</option>
                                                                                                        <option value="03">March</option>
                                                                                                        <option value="04">April</option>
                                                                                                        <option value="05">May</option>
                                                                                                        <option value="06">June</option>
                                                                                                        <option value="07">July</option>
                                                                                                        <option value="08">August</option>
                                                                                                        <option value="09">September</option>
                                                                                                        <option value="10">October</option>
                                                                                                        <option value="11">November</option>
                                                                                                        <option value="12">December</option>
                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="row">
                                                                                         <div class="col-md-6">
                                                                                            <div class="mb-1">
                                                                                                    <label class="form-label">End Date <span class="text-danger">*</span></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="enddate" id="end date" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Year</option>
                                                                                                        @php
                                                                                                            $firstYear = (int)date('Y') - 20;
                                                                                                            $lastYear = $firstYear + 20;
                                                                                                            for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                        @endphp
                                                                                                        <option value="{{$i}}">{{$i}}</option>
                                                                                                        @php
                                                                                                            }
                                                                                                        @endphp

                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="mb-1 mt-2">
                                                                                                    <label class="form-label"></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="endmonth" id="month" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Month</option>
                                                                                                        <option value="01">January</option>
                                                                                                        <option value="02">February</option>
                                                                                                        <option value="03">March</option>
                                                                                                        <option value="04">April</option>
                                                                                                        <option value="05">May</option>
                                                                                                        <option value="06">June</option>
                                                                                                        <option value="07">July</option>
                                                                                                        <option value="08">August</option>
                                                                                                        <option value="09">September</option>
                                                                                                        <option value="10">October</option>
                                                                                                        <option value="11">November</option>
                                                                                                        <option value="12">December</option>
                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mt-4 pt-3">
                                                                                        <div class="text-end">
                                                                                            <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                            <button class="btn btn2">Save</button>                                                                                                                
                                                                                        </div>
                                                                                    </div>
                                                                                </div>                                                                                                                                           
                                                                         </div>
                                                                        </form>
                                                                    </div>
                                                                </div>
                                                            </div><!--end col-->                               
                                                        </div>
                                                    </div>
                                                    <div class="table-responsive mt-2">
                                                        @if(count($institution)>0)
                                                        <table class="table table-bordered list_table" style="margin-bottom:10px;">
                                                            <thead>
                                                                <tr>
                                                                    <th>Institution</th>
                                                                    <th>Subject</th>
                                                                    <th>Result</th>
                                                                    <th>During</th>
                                                                    <th>Action</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach($institution as $row)  
                                                                    <tr>
                                                                        <td style="font-size: 11px;">{{$row->institution}}</td>
                                                                        <td style="font-size: 11px;">{{$row->subject}}
                                                                            <div class="right">
                                                                                <span class="label_badge_radius" style="background-image: linear-gradient(90deg,rgba(46,17,83,.19),#f5f4fd) !important;">{{$row->academic_level_info->name}}</span>
                                                                            </div>
                                                                       </td> 
                                                                        <td style="font-size: 11px;">{{$row->result}}
                                                                            <div class="right">
                                                                                <span style="font-weight: 400; font-size: 12px;">PYear: {{$row->passing_year}}</span>
                                                                            </div>
                                                                        </td>
                                                                        <td style="font-size: 11px;">{{date("d M, Y", strtotime($row->start_date)).'-'.date("d M, Y", strtotime($row->end_date))}}</td>
                                                                          <td class="text-center" style="width: 75px;">
                                                                                <div class="icon_bar" style="border: none;">                                                                                              
                                                                                    <a role="" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                                        <i class="fa fa-edit" data-toggle="collapse" data-target="#demo11" onclick="editInstitute({{$row}})"></i>
                                                                                    </a>
                                                                                    
                                                                                        <i class="fa fa-trash delete_education" data-id="{{ $row->id }}"></i>
                                                                                                                                                                       
                                                                                </div>
                                                                         </td>   
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                        @else
                                                        <div class="alert  mt-1 mb-3" style="border-color: #e9f0f3; font-size: 12px !important; color: #dc3545; border-radius: 30px; padding: 8px 15px;">
                                                            <span>No Education History available.</span>
                                                        </div> 
                                                        @endif
                                                    </div>
                                                          <div class="col-md-12">
                                                                <div id="demo11" class="collapse">
                                                                    <div class="panel-body mb-2" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                        <form method="POST" action="" id="edit-institute">
                                                                        @csrf
                                                                           <div class="row">
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Academic level <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <select name="academiclevel" id="academic level" class="form-control frm" required="">
                                                                                                   <option disabled="" selected="" value="">Choose one....</option>
                                                                                                @foreach($academic_level as $row)
                                                                                                    <option value="{{$row->id}}">{{$row->name}}</option>
                                                                                                @endforeach                                                                                          
                                                                                               
                                                                                            </select>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label" for="subject">Subject <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text" for="subject" name="subject" class="form-control ps-2" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                        <div class="mb-1">
                                                                                            <label class="form-label" for="">Institution<span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text"  for="institution" name="institution" class="form-control ps-2" placeholder="" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Passing Year <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <select name="passingyear" id="passing year" class="form-control frm" required="">
                                                                                                <option disabled="" selected="" value="">Year</option>
                                                                                                @php
                                                                                                    $firstYear = (int)date('Y') - 20;
                                                                                                    $lastYear = $firstYear + 20;
                                                                                                    for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                @endphp
                                                                                                <option value="{{$i}}">{{$i}}</option>
                                                                                                @php
                                                                                                    }
                                                                                                @endphp
                                                                                            </select>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label">Result <span class="text-danger">*</span></label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text" class="form-control ps-2" name="result" placeholder="" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="row">
                                                                                        <div class="col-md-6">
                                                                                            <div class="mb-1">
                                                                                                    <label class="form-label">Start Date <span class="text-danger">*</span></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="startdate" id="start date" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Year</option>
                                                                                                        @php
                                                                                                            $firstYear = (int)date('Y') - 20;
                                                                                                            $lastYear = $firstYear + 20;
                                                                                                            for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                        @endphp
                                                                                                        <option value="{{$i}}">{{$i}}</option>
                                                                                                        @php
                                                                                                            }
                                                                                                        @endphp

                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="mb-1 mt-2">
                                                                                                    <label class="form-label"></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="startmonth" id="month" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Month</option>
                                                                                                        <option value="01">January</option>
                                                                                                        <option value="02">February</option>
                                                                                                        <option value="03">March</option>
                                                                                                        <option value="04">April</option>
                                                                                                        <option value="05">May</option>
                                                                                                        <option value="06">June</option>
                                                                                                        <option value="07">July</option>
                                                                                                        <option value="08">August</option>
                                                                                                        <option value="09">September</option>
                                                                                                        <option value="10">October</option>
                                                                                                        <option value="11">November</option>
                                                                                                        <option value="12">December</option>
                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="row">
                                                                                         <div class="col-md-6">
                                                                                            <div class="mb-1">
                                                                                                    <label class="form-label">End Date <span class="text-danger">*</span></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="enddate" id="end date" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Year</option>
                                                                                                        @php
                                                                                                            $firstYear = (int)date('Y') - 20;
                                                                                                            $lastYear = $firstYear + 20;
                                                                                                            for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                        @endphp
                                                                                                        <option value="{{$i}}">{{$i}}</option>
                                                                                                        @php
                                                                                                            }
                                                                                                        @endphp

                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="mb-1 mt-2">
                                                                                                    <label class="form-label"></label>
                                                                                                <div class="form-icon position-relative">
                                                                                                    <select name="endmonth" id="month" class="form-control frm" required="">
                                                                                                        <option disabled="" selected="" value="">Month</option>
                                                                                                        <option value="01">January</option>
                                                                                                        <option value="02">February</option>
                                                                                                        <option value="03">March</option>
                                                                                                        <option value="04">April</option>
                                                                                                        <option value="05">May</option>
                                                                                                        <option value="06">June</option>
                                                                                                        <option value="07">July</option>
                                                                                                        <option value="08">August</option>
                                                                                                        <option value="09">September</option>
                                                                                                        <option value="10">October</option>
                                                                                                        <option value="11">November</option>
                                                                                                        <option value="12">December</option>
                                                                                                    </select>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <div class="mt-4 pt-3">
                                                                                        <div class="text-end">
                                                                                            <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                            <button class="btn btn2">Update</button>                                                                                                                
                                                                                        </div>
                                                                                    </div>
                                                                                </div>                                                                                                                                           
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                </div>
                                                            </div><!--end col-->                                                               
                                                        </div>
                                                    </div>
                                                </div> 
                                       
                                                <div class="row align-items-center mt-4">
                                                    <div class="col-md-12" style="background: rgb(255, 255, 255);border-radius: 0.25rem;">
                                                        <div class="education">
                                                            <i class="fa fa-briefcase" style="padding: 7px;"></i>WORK EXPERIENCE
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6 mt-2">
                                                                <div style="margin:0px !important; font-size:12px;font-weight: 600;">
                                                                    Do you have any Work Experience?
                                                                    <div class="form-check-inline ps-3">
                                                                        <label class="form-check-label" for="radio1">
                                                                            <input type="radio" {{ Auth::user()->is_work_experience == 1 ? 'checked' : ''}} class="form-check-input" name="work_experience" value="Yes"  style="font-size: 12px;" onclick="checkWorkExperience('1')"> Yes
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-check-inline">
                                                                        <label class="form-check-label" for="radio2">
                                                                            <input type="radio" {{ Auth::user()->is_work_experience == 0 ? 'checked' : ''}} class="form-check-input" name="work_experience" value="No"  style="font-size: 12px;" onclick="checkWorkExperience('0')"> No
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                                                        
                                                            <div class="col-md-6 mt-2" id="add_div" style="display:none;">
                                                                <div class="text-end" style="margin:0px !important;">
                                                                    <a role="button" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                        <button type="button" class="btn btn2" data-toggle="collapse" data-target="#demo1">Add</button>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 mt-2">
                                                                <div id="demo1" class="collapse">
                                                                    <div class="panel-body" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                    <form method="POST" action="{{ route('work-save') }}">
                                                                            @csrf
                                                                        <div class="row">
                                                                            <div class="col-md-3">
                                                                                <div class="mb-1">
                                                                                        <label class="form-label">Company Name <span class="text-danger">*</span></label>
                                                                                    <div class="form-icon position-relative">
                                                                                            <input type="text" for="company name" name="companyname" class="form-control ps-2" placeholder="Company Name" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div class="mb-1">
                                                                                        <label class="form-label" for="designation">Designation <span class="text-danger">*</span></label>
                                                                                <div class="form-icon position-relative">
                                                                                        <input type="text" for="designation" name="designation" class="form-control ps-2" placeholder="Designation" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3 mt-4" style="display:flex; font-size:15px; font-weight:600;">
                                                                                    Currently working in that company?
                                                                                <div class="form-check form-switch" id="checkCurrentlyWorking" style="margin-left: 7px; margin-top: 14px;">
                                                                                        <input class="form-check-input" type="checkbox" name="currentlyworking" value="0" onchange="checkCurrentlyWorking(this)">
                                                                                        <label class="form-check-label" for="checkCurrentlyWorking"></label>
                                                                                </div>
                                                                            </div>
                                                                                <div class="col-md-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1">
                                                                                                        <label class="form-label">Start Date <span class="text-danger">*</span></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="startdate" id="start date" class="form-control frm" required="">
                                                                                                            <option disabled="" selected="" value="">Year</option>
                                                                                                            @php
                                                                                                                $firstYear = (int)date('Y') - 20;
                                                                                                                $lastYear = $firstYear + 20;
                                                                                                                for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                            @endphp
                                                                                                            <option value="{{$i}}">{{$i}}</option>
                                                                                                            @php
                                                                                                                }
                                                                                                            @endphp

                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1 mt-2">
                                                                                                        <label class="form-label"></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="startmonth" id="month" class="form-control frm" required="">
                                                                                                            <option disabled="" selected="" value="">Month</option>
                                                                                                            <option value="01">January</option>
                                                                                                            <option value="02">February</option>
                                                                                                            <option value="03">March</option>
                                                                                                            <option value="04">April</option>
                                                                                                            <option value="05">May</option>
                                                                                                            <option value="06">June</option>
                                                                                                            <option value="07">July</option>
                                                                                                            <option value="08">August</option>
                                                                                                            <option value="09">September</option>
                                                                                                            <option value="10">October</option>
                                                                                                            <option value="11">November</option>
                                                                                                            <option value="12">December</option>
                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-3" id="end_date_div">
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1">
                                                                                                        <label class="form-label">End Date <span class="text-danger">*</span></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="enddate" id="end date" class="form-control frm">
                                                                                                            <option disabled="" selected="" value="">Year</option>
                                                                                                            @php
                                                                                                                $firstYear = (int)date('Y') - 20;
                                                                                                                $lastYear = $firstYear + 20;
                                                                                                                for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                            @endphp
                                                                                                            <option value="{{$i}}">{{$i}}</option>
                                                                                                            @php
                                                                                                                }
                                                                                                            @endphp

                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1 mt-2">
                                                                                                        <label class="form-label"></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="endmonth" id="month" class="form-control frm">
                                                                                                            <option disabled="" selected="" value="">Month</option>
                                                                                                            <option value="01">January</option>
                                                                                                            <option value="02">February</option>
                                                                                                            <option value="03">March</option>
                                                                                                            <option value="04">April</option>
                                                                                                            <option value="05">May</option>
                                                                                                            <option value="06">June</option>
                                                                                                            <option value="07">July</option>
                                                                                                            <option value="08">August</option>
                                                                                                            <option value="09">September</option>
                                                                                                            <option value="10">October</option>
                                                                                                            <option value="11">November</option>
                                                                                                            <option value="12">December</option>
                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                            </div>
                                                                            <div class="col-md-12">
                                                                                <div class="mt-2">
                                                                                    <div class="text-end">
                                                                                        <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                        <button class="btn btn2" type="submit">Save</button>                                                                                                              
                                                                                    </div>
                                                                                </div>
                                                                            </div>  
                                                                    </form>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        <div class="table-responsive mt-2">
                                                        @if(count($work_experience)>0)
                                                            <table class="table table-bordered list_table" style="margin-bottom: 10px;">
                                                                <thead>
                                                                    <tr>
                                                                        <th>Company Name</th>
                                                                        <th>Designation</th>
                                                                        <th>Currently working</th>
                                                                        <th>Start Date</th>
                                                                        <th>End Date</th>
                                                                        <th>Action</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                @foreach($work_experience as $row)                                                               
                                                                        <tr>
                                                                            <td style="font-size: 11px;">{{$row->company_name}}</td>
                                                                            <td style="font-size: 11px;">{{$row->designation}}</td> 
                                                                            <td style="font-size: 11px;">{{$row->currently_working == 0 ? 'off' : 'on'}}</td> 
                                                                            <td style="font-size: 11px;">{{date("d M, Y", strtotime($row->start_date))}}</td>
                                                                            <td style="font-size: 11px;">{{date("d M, Y", strtotime($row->end_date))}}</td>
                                                                            <td class="text-center" style="width: 75px;">
                                                                                    <div class="icon_bar" style="border: none;">
                                                                                    <a role="" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                                            <i class="fa fa-edit" data-toggle="collapse" data-target="#demo12" onclick="editWork({{$row}})"></i>
                                                                                        </a>
                                                                                        <i class="fa fa-trash delete_work" data-id="{{ $row->id }}"></i>
                                                                                    </div>
                                                                            </td>   
                                                                        </tr> 
                                                                    @endforeach                                                              
                                                                </tbody>
                                                            </table>
                                                            @else
                                                            <div class="alert  mt-1 mb-3" style="border-color: #e9f0f3; font-size: 12px !important; color: #dc3545; border-radius: 30px; padding: 8px 15px;">
                                                                <span>No Work Experience available.</span>
                                                            </div> 
                                                            @endif
                                                        </div>
                                                        <div class="col-md-12 mb-1">
                                                                <div id="demo12" class="collapse">
                                                                    <div class="panel-body mb-2" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                    <form method="POST" action="{{ route('work-save') }}"  id="edit-work">
                                                                            @csrf
                                                                        <div class="row">
                                                                            <div class="col-md-3">
                                                                                <div class="mb-1">
                                                                                        <label class="form-label">Company Name <span class="text-danger">*</span></label>
                                                                                    <div class="form-icon position-relative">
                                                                                            <input type="text" for="company name" name="companyname" class="form-control ps-2" placeholder="Company Name" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div class="mb-1">
                                                                                        <label class="form-label" for="designation">Designation <span class="text-danger">*</span></label>
                                                                                <div class="form-icon position-relative">
                                                                                        <input type="text" for="designation" name="designation" class="form-control ps-2" placeholder="Designation" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3 mt-4" style="display:flex; font-size:15px; font-weight:600;">
                                                                                    Currently working in that company?
                                                                                <div class="form-check form-switch" style="margin-left: 7px; margin-top: 14px;">
                                                                                        <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" name="checkbox">
                                                                                        <label class="form-check-label" for="flexSwitchCheckChecked"></label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1">
                                                                                                        <label class="form-label">Start Date <span class="text-danger">*</span></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="startdate" id="start date" class="form-control frm" required="">
                                                                                                            <option disabled="" selected="" value="">Year</option>
                                                                                                            @php
                                                                                                                $firstYear = (int)date('Y') - 20;
                                                                                                                $lastYear = $firstYear + 20;
                                                                                                                for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                            @endphp
                                                                                                            <option value="{{$i}}">{{$i}}</option>
                                                                                                            @php
                                                                                                                }
                                                                                                            @endphp

                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1 mt-2">
                                                                                                        <label class="form-label"></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="startmonth" id="month" class="form-control frm" required="">
                                                                                                            <option disabled="" selected="" value="">Month</option>
                                                                                                            <option value="01">January</option>
                                                                                                            <option value="02">February</option>
                                                                                                            <option value="03">March</option>
                                                                                                            <option value="04">April</option>
                                                                                                            <option value="05">May</option>
                                                                                                            <option value="06">June</option>
                                                                                                            <option value="07">July</option>
                                                                                                            <option value="08">August</option>
                                                                                                            <option value="09">September</option>
                                                                                                            <option value="10">October</option>
                                                                                                            <option value="11">November</option>
                                                                                                            <option value="12">December</option>
                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1">
                                                                                                        <label class="form-label">End Date <span class="text-danger">*</span></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="enddate" id="end date" class="form-control frm" required="">
                                                                                                            <option disabled="" selected="" value="">Year</option>
                                                                                                            @php
                                                                                                                $firstYear = (int)date('Y') - 20;
                                                                                                                $lastYear = $firstYear + 20;
                                                                                                                for($i=$firstYear;$i<=$lastYear;$i++){
                                                                                                            @endphp
                                                                                                            <option value="{{$i}}">{{$i}}</option>
                                                                                                            @php
                                                                                                                }
                                                                                                            @endphp

                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="mb-1 mt-2">
                                                                                                        <label class="form-label"></label>
                                                                                                    <div class="form-icon position-relative">
                                                                                                        <select name="endmonth" id="month" class="form-control frm" required="">
                                                                                                            <option disabled="" selected="" value="">Month</option>
                                                                                                            <option value="01">January</option>
                                                                                                            <option value="02">February</option>
                                                                                                            <option value="03">March</option>
                                                                                                            <option value="04">April</option>
                                                                                                            <option value="05">May</option>
                                                                                                            <option value="06">June</option>
                                                                                                            <option value="07">July</option>
                                                                                                            <option value="08">August</option>
                                                                                                            <option value="09">September</option>
                                                                                                            <option value="10">October</option>
                                                                                                            <option value="11">November</option>
                                                                                                            <option value="12">December</option>
                                                                                                        </select>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                            <div class="col-md-12">
                                                                                <div class="mt-3">
                                                                                    <div class="text-end">
                                                                                        <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                        <button class="btn btn2">Update</button>                                                                                                                
                                                                                    </div>
                                                                                </div>
                                                                            </div>                                                                                                                                   
                                                                        </div>
                                                                    </form>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                    </div>
                                                </div><!--end row-->  
                                                <div class="row align-items-center mt-4">
                                                        <div class="col-md-12" style="background: rgb(255, 255, 255);border-radius: 0.25rem;">
                                                            <div class="education">
                                                                <i class="fa fa-align-center" style="padding: 7px;"></i>ENGLISH TEST
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-6 mt-2">
                                                                    <div style="margin:0px !important; font-size:12px;font-weight: 600;">
                                                                        Do you have any English Test Certificate?
                                                                        <div class="form-check-inline ps-3">
                                                                            <label class="form-check-label" for="radio1">
                                                                                <input type="radio" {{ Auth::user()->is_test_score == 1 ? 'checked' : ''}} class="form-check-input" name="test_score" value="yes"  style="font-size: 12px;"  onclick="checkTestScore('1')"> Yes
                                                                            </label>
                                                                        </div>
                                                                        <div class="form-check-inline">
                                                                            <label class="form-check-label" for="radio2">
                                                                                <input type="radio" {{ Auth::user()->is_test_score == 0 ? 'checked' : ''}} class="form-check-input" name="test_score" value="no"  style="font-size: 12px;"  onclick="checkTestScore('0')"> No
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 mt-2" id="add_test_div" style="display:none;">
                                                                    <div class="text-end" style="margin:0px !important;">
                                                                        <a role="button" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                            <button type="button" class="btn btn2" data-toggle="collapse" data-target="#demo2">Add</button>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div id="demo2" class="collapse">
                                                                    <div class="col-md-12">
                                                                                                                        
                                                                    <div class="col-md-2">
                                                                        <div class="btn-group test_list">
                                                                                <button class="btn btn5" onclick="changeTestName('IELTS')">IELTS</button>       
                                                                                <button class="btn btn6" onclick="changeTestName('PTE')">PTE</button>       
                                                                                <button class="btn btn7" onclick="changeTestName('TOEFL')">TOEFL</button>           
                                                                            </div>
                                                                    </div>
                                                            
                                                                <div class="panel-body" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                    <form method="POST" action="{{ route('score-save') }}">
                                                                                @csrf
                                                                    <div class="row">
                                                                            <div class="col-md-4">
                                                                                <div class="mb-1">
                                                                                    <label class="form-label" for="test date">Test Date</label>
                                                                                    <div class="form-icon position-relative">
                                                                                    <input name="testdate" type="text" class="form-control start" placeholder="Test Date" autocomplete="off">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-4">
                                                                            <div class="mb-1">
                                                                                    <label class="form-label" for="expiration date">Expiration Date</label>
                                                                                    <div class="form-icon position-relative">
                                                                                    <input name="expirationdate" type="text" class="form-control end" placeholder="Expiration Date" autocomplete="off">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-4">
                                                                                <div class="mb-1">
                                                                                        <label class="form-label" for="test name">Test Name</label>
                                                                                    <div class="form-icon position-relative">
                                                                                        <input type="text"  for="test name" name="testname" class="form-control ps-2" id="testname" placeholder="IELTS" required="">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            
                                                                                <div class="row">
                                                                                    <div class="col-md-2 mt-2">
                                                                                        <div class="mb-1">
                                                                                                <label class="form-label">Overall Score</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="overall score" name="overallscore" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Listening</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="listening" name="listening" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Speaking</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="speaking" name="speaking" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Writing</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="writing" name="writing" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Reading</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="reading" name="reading" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mt-4 pt-4">
                                                                                            <div class="text-end">
                                                                                                <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                                <button class="btn btn2">Save</button>                                                                                                                
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>     
                                                                                </div>                                                                                                                                                                                                                                                                     
                                                                        </div>
                                                                    </form>
                                                                    </div> 
                                                            
                                                                </div>
                                                            </div>
                                                            <div class="table-responsive mt-2">
                                                            @if(count($score)>0)
                                                                <table class="table table-bordered list_table" style="margin-bottom:10px;">
                                                                    <tbody>
                                                                    @foreach($score as $row)
                                                                        <tr>
                                                                            <td>
                                                                                <div class="institute_info">
                                                                                    <div class="left">
                                                                                        <i class="fa fa-align-center" style="padding: 7px;"></i>
                                                                                    </div>
                                                                                    <div class="right">
                                                                                        <span class="main_title" style="font-size: 11px;font-weight: 600; display: flex;"> Testing System</span>
                                                                                        <span class="label_badge_light test_score_level">{{$row->test_name}}</span>
                                                                                        <span style="font-weight: 400; font-size: 12px;">Test Date: {{date("d M, Y", strtotime($row->test_date))}}</span>
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td class="text-center">
                                                                                <strong style="color: rgb(57, 59, 62); font-size: 12px;">{{$row->overall_score}}</strong><br>
                                                                                <strong style="color: rgb(57, 59, 62); font-size: 12px;">Overall</strong>
                                                                            </td>
                                                                            <td class="text-center">
                                                                                <strong style="color: rgb(57, 59, 62); font-size: 12px;">{{$row->listening}}</strong><br>
                                                                                <strong style="font-size: 12px;">Listening</strong>
                                                                            </td>
                                                                            <td class="text-center">
                                                                                <strong style="color: rgb(57, 59, 62); font-size: 12px;">{{$row->speaking}}</strong><br>
                                                                                <strong style="font-size: 12px;">Speaking</strong>
                                                                            </td>
                                                                            <td class="text-center">
                                                                                <strong style="color: rgb(57, 59, 62); font-size: 12px;">{{$row->writing}}</strong><br>
                                                                                <strong style="font-size: 12px;">Writing</strong>
                                                                            </td>
                                                                            <td class="text-center">
                                                                                <strong style="color: rgb(57, 59, 62); font-size: 12px;">{{$row->reading}}</strong><br>
                                                                                <strong style="font-size: 12px;">Reading</strong>
                                                                            </td>
                                                                            <td class="text-center" style="width: 75px;">
                                                                                <div class="icon_bar">
                                                                                    <a role="" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                                                            <i class="fa fa-edit" data-toggle="collapse" data-target="#demo13" onclick="editScore({{$row}})"></i>
                                                                                        </a>
                                                                                        <i class="fa fa-trash delete_score" data-id="{{ $row->id }}"></i>
                                                                                </div>
                                                                            </td>                                                       
                                                                        </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                                @else
                                                                    <div class="alert  mt-1 mb-3" style="border-color: #e9f0f3; font-size: 12px !important; color: #dc3545; border-radius: 30px; padding: 8px 15px;">
                                                                        <span>No Test Score available.</span>
                                                                    </div> 
                                                                @endif
                                                            </div>
                                                    <div class="col-md-12">
                                                        <div id="demo13" class="collapse">
                                                            <div class="col-md-12">                                                                                                                                                                                             
                                                                <div class="panel-body mb-2" style="padding:10px; background-color: #16183f69;  border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                        <form method="POST" action="{{ route('score-save') }}" id="edit-score">
                                                                             @csrf
                                                                            <div class="row">
                                                                                <div class="col-md-4">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label" for="test date">Test Date</label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input name="testdate" type="text" class="form-control date" placeholder="Test Date" autocomplete="off">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label" for="expiration date">Expiration Date</label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input name="expirationdate" type="text" class="form-control date1" placeholder="Expiration Date" autocomplete="off">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4">
                                                                                    <div class="mb-1">
                                                                                            <label class="form-label" for="test name">Test Name</label>
                                                                                        <div class="form-icon position-relative">
                                                                                            <input type="text"  for="test name" name="testname" class="form-control ps-2" id="testname" placeholder="IELTS" required="">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                             <div class="row">
                                                                                    <div class="col-md-2 mt-2">
                                                                                        <div class="mb-1">
                                                                                                <label class="form-label">Overall Score</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="overall score" name="overallscore" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Listening</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="listening" name="listening" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Speaking</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="speaking" name="speaking" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Writing</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="writing" name="writing" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mb-1 mt-2">
                                                                                                <label class="form-label">Reading</label>
                                                                                            <div class="form-icon position-relative">
                                                                                                <input type="text"  for="reading" name="reading" class="form-control ps-2" placeholder="Enter Score" required="">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-2">
                                                                                        <div class="mt-4 pt-4">
                                                                                            <div class="text-end">
                                                                                                <button class="btn btncl"><i class="fa fa-refresh"></i></button> 
                                                                                                <button class="btn btn2">Update</button>                                                                                                                
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>     
                                                                                </div>                                                                                                                                                                                                                                                                     
                                                                            </div>
                                                                         </form>
                                                                    </div> 
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>                                                           
                                                </div>
                                            </div>
                                    </div><!--end col-->
                                </div><!--end row-->
                            </div><!--end container-->
                        </div>
                </div><!--end row-->
            </div><!--end container-->
        </section><!--end section-->
        <!-- Hero End -->

@endsection
@push('js')

<script type="text/javascript">
    $( function() {
        datepicker('.date');
        datepicker('.date1');
    });    
    $('.delete_education').on('click', function(e) {
        e.preventDefault();  
        var delete_url="{{ url('education-remove') }}/"+$(this).data('id');
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            buttonsStyling: false,
            confirmButtonClass: 'btn btn-primary',
            cancelButtonClass: 'btn btn-light',
            confirmButtonText: "Yes, delete!",
            cancelButtonText: "No, cancel!"
        },
        function(isConfirm){
            if(isConfirm){
                $.ajax({
                    url:delete_url,
                    type: "GET",
                    success: function(data){
                        setTimeout(function() { location.reload(); }, 1000);
                    }
                });
            }
        });
    });
    $('.delete_work').on('click', function(e) {
        e.preventDefault();  
        var delete_url="{{ url('work-remove') }}/"+$(this).data('id');
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            buttonsStyling: false,
            confirmButtonClass: 'btn btn-primary',
            cancelButtonClass: 'btn btn-light',
            confirmButtonText: "Yes, delete!",
            cancelButtonText: "No, cancel!"
        },
        function(isConfirm){
            if(isConfirm){
                $.ajax({
                    url:delete_url,
                    type: "GET",
                    success: function(data){
                        setTimeout(function() { location.reload(); }, 1000);
                    }
                });
            }
        });
    });
    $('.delete_score').on('click', function(e) {
        e.preventDefault();  
        var delete_url="{{ url('score-remove') }}/"+$(this).data('id');
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            buttonsStyling: false,
            confirmButtonClass: 'btn btn-primary',
            cancelButtonClass: 'btn btn-light',
            confirmButtonText: "Yes, delete!",
            cancelButtonText: "No, cancel!"
        },
        function(isConfirm){
            if(isConfirm){
                $.ajax({
                    url:delete_url,
                    type: "GET",
                    success: function(data){
                        setTimeout(function() { location.reload(); }, 1000);
                    }
                });
            }
        });
    });
    $('.delete_proposal').on('click', function(e) {
        e.preventDefault();  
        var delete_url="{{ url('proposal-remove') }}/"+$(this).data('id');
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            buttonsStyling: false,
            confirmButtonClass: 'btn btn-primary',
            cancelButtonClass: 'btn btn-light',
            confirmButtonText: "Yes, delete!",
            cancelButtonText: "No, cancel!"
        },
        function(isConfirm){
            if(isConfirm){
                $.ajax({
                    url:delete_url,
                    type: "GET",
                    success: function(data){
                        setTimeout(function() { location.reload(); }, 1000);
                    }
                });
            }
        });
    });
    function editInstitute(row){       
        $('#edit-institute').attr("action","{{ url('institution-update') }}/"+row.id);
        $('#edit-institute').find('select[name="academiclevel"]').val(row.academic_level).trigger('change'); 
        $('#edit-institute').find('input[name="subject"]').val(row.subject);
        $('#edit-institute').find('input[name="institution"]').val(row.institution);
        $('#edit-institute').find('select[name="passingyear"]').val(row.passing_year).trigger('change');
        $('#edit-institute').find('input[name="result"]').val(row.result);
        $('#edit-institute').find('select[name="startdate"]').val(new Date(row.start_date).getFullYear()).trigger('change');
        $('#edit-institute').find('select[name="startmonth"]').val(String(new Date(row.start_date).getUTCMonth() + 1).padStart(2, '0')).trigger('change');
        $('#edit-institute').find('select[name="enddate"]').val(new Date(row.end_date).getFullYear()).trigger('change');
        $('#edit-institute').find('select[name="endmonth"]').val(String(new Date(row.end_date).getUTCMonth() + 1).padStart(2, '0')).trigger('change');
    }
    function editWork(row){
        $('#edit-work').attr("action","{{ url('work-update') }}/"+row.id);       
        $('#edit-work').find('input[name="companyname"]').val(row.company_name); 
        $('#edit-work').find('input[name="designation"]').val(row.designation);
        // $('#edit-work').find('input[name="checkbox"]').val(row.checkbox);
        $('#edit-work').find('select[name="startdate"]').val(new Date(row.start_date).getFullYear()).trigger('change');
        $('#edit-work').find('select[name="startmonth"]').val(String(new Date(row.start_date).getUTCMonth() + 1).padStart(2, '0')).trigger('change'); 
        $('#edit-work').find('select[name="enddate"]').val(new Date(row.end_date).getFullYear()).trigger('change');
        $('#edit-work').find('select[name="endmonth"]').val(String(new Date(row.end_date).getUTCMonth() + 1).padStart(2, '0')).trigger('change');
    }
     function editScore(row){  
        console.log(new Date(row.test_date).toDateString());
        $('#edit-score').attr("action","{{ url('score-update') }}/"+row.id);            
        $('#edit-score').find('input[name="testdate"]').val(new Date(row.test_date).toDateString()); 
        $('#edit-score').find('input[name="expirationdate"]').val(new Date(row.expiration_date).toDateString());
        $('#edit-score').find('input[name="testname"]').val(row.test_name);
        $('#edit-score').find('input[name="overallscore"]').val(row.overall_score);
        $('#edit-score').find('input[name="listening"]').val(row.listening);
        $('#edit-score').find('input[name="writing"]').val(row.writing);
        $('#edit-score').find('input[name="reading"]').val(row.reading);
        $('#edit-score').find('input[name="speaking"]').val(row.speaking);
    }
      function editProposal(row){   
        // console.log(row); 
        $('#edit-proposal').attr("action","{{ url('proposal-update') }}/"+row.id); 
        $('#edit-proposal').find('input[name="title"]').val(row.title);
        $('#edit-proposal').find('select[name="methology"]').val(row.methology).trigger('change');
        $('#edit-proposal').find('input[name="department"]').val(row.department);
        $('#edit-proposal').find('select[name="status"]').val(row.status).trigger('change');
     }
</script>
@endpush