Sid Gifari File Manager Pro v10.0.3

✏️ Editing: index.blade.php Writable

@extends('frontend.layouts.master')

@section('contents')
  <section class="section-box mt-75">
    <div class="breacrumb-cover">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-12">
            <h2 class="mb-20">Blog</h2>
            <ul class="breadcrumbs">
              <li><a class="home-icon" href="index.html">Home</a></li>
              <li>Blog</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

<section class="section-box mt-120">
    <div class="container">
      <div class="row">
        @include('frontend.candidate-dashboard.sidebar')
        <div class="col-lg-9 col-md-8 col-sm-12 col-12 mb-50">
          <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
              <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home"
              type="button" role="tab" aria-controls="pills-home" aria-selected="true">Basic</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile"
              type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-experience-tab" data-bs-toggle="pill" data-bs-target="#pills-experience"
                type="button" role="tab" aria-controls="pills-experience" aria-selected="false">Experience & Education</button>
              </li>
              <li class="nav-item" role="presentation">
              <button class="nav-link" id="pills-account-tab" data-bs-toggle="pill" data-bs-target="#pills-account"
              type="button" role="tab" aria-controls="pills-account" aria-selected="false">Account Settings</button>
            </li>
          </ul>
          <div class="tab-content" id="pills-tabContent">
            @include('frontend.candidate-dashboard.profile.sections.basic-section')

@include('frontend.candidate-dashboard.profile.sections.profile-section')

@include('frontend.candidate-dashboard.profile.sections.experience-section')

@include('frontend.candidate-dashboard.profile.sections.account-section')

{{-- <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
              <div class="row">

<form action="{{ route('company.profile.account-info') }}" method="POST">
                  @csrf
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label class="font-sm color-text-mutted mb-10">User Name *</label>
                        <input type="text" name="name" value="{{ auth()->user()->name }}"
                        class="form-control {{ $errors->has('name')? 'is-invalid': '' }}"">
                        <x-input-error :messages="$errors->get('name')" class="mt-2" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label class="font-sm color-text-mutted mb-10">Email *</label>
                        <input type="text" name="email" value="{{ auth()->user()->email }}"
                        class="form-control {{ $errors->has('email')? 'is-invalid': '' }}"">
                        <x-input-error :messages="$errors->get('email')" class="mt-2" />
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group">
                        <button type="submit" class="btn btn-default btn-shadow">Save</button>
                      </div>
                    </div>
                  </div>
                </form><br><br>

<form action="{{ route('company.profile.password-update') }}" method="POST">
                  @csrf
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label class="font-sm color-text-mutted mb-10">Password *</label>
                        <input type="password" name="password"
                        class="form-control {{ $errors->has('password')? 'is-invalid': '' }}">
                        <x-input-error :messages="$errors->get('password')" class="mt-2" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label class="font-sm color-text-mutted mb-10">Confirm Password *</label>
                        <input type="password" name="password_confirmation"
                        class="form-control {{ $errors->has('password_confirmation')? 'is-invalid': '' }}">
                        <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <button type="submit" class="btn btn-default btn-shadow">Save</button>
                      </div>
                    </div>
                  </div>
                </form>

</div>
            </div> --}}
          </div>

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

<div class="modal fade" id="experienceModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="experienceModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="experienceModalLabel">Add Experience</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form action="" id="ExperienceForm">
            @csrf
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="">Company *</label>
                  <input type="text" class="form-control" name="company" required="">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="">Department *</label>
                  <input type="text" class="form-control" name="department" required="">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="">Designation *</label>
                  <input type="text" class="form-control" name="designation" required="">
                </div>
              </div>

<div class="col-md-6">
                <div class="form-group">
                  <label for="">Start Date *</label>
                  <input type="text" class="form-control datepicker" name="start" required="">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="">End Date *</label>
                  <input type="text" class="form-control datepicker" name="end" required="">
                </div>
              </div>

<div class="col-md-12">
                <div class="form-group form-check form-check-inline">
                  <input class="form-check-input" style="margin-right: 10px;" value="1" type="checkbox" name="currently_working" id="">
                  <label class="form-check-label" for="remember_me">I am currently working</label>
                </div>
              </div>

<div class="col-md-12">
                <div class="form-group">
                  <label for="">Responsibilities</label>
                  <textarea name="responsibilities" maxlength="500" id="" class="form-control"></textarea>
                </div>
              </div>

</div>
            <div class="text-right">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary" {{-- onclick="$('#ExperienceForm').submit()" --}}
              >Save Experience</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

<div class="modal fade" id="educationModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="educationModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="educationModalLabel">Add Education</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form action="" id="EducationForm">
            @csrf
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="">Level *</label>
                  <input type="text" class="form-control" name="level" required="">
                </div>
              </div>

<div class="col-md-6">
                <div class="form-group">
                  <label for="">Degree *</label>
                  <input type="text" class="form-control" name="degree" required="">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="">Year *</label>
                  <input type="text" class="form-control yearpicker" name="year" required="">
                </div>
              </div>

</div>
            <div class="text-right">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary"
              >Save Education</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

@endsection

@push('scripts')
<script>
  $(document).ready(function() { let editId = '', editMode = false;
    // Fetch experience
    function fetchExperience() { //alert('Working..');
      $.ajax({ method: 'GET',
        url: "{{ route('candidate.experience.index') }}", data: {},
        beforeSend: function() { showLoader(); },
        success: function(response) { console.log('response:', response);
          $('.experience-tbody').html(response);
        },
        error: function(xhr, status, error) { console.log(error); },
        complete: function() { hideLoader(); }
      });
    }

// Save experience data
    $('#ExperienceForm').on('submit', function(event) {
      event.preventDefault(); console.log('ExperienceForm submitted');
      const formData = $(this).serialize(); console.log('formData:', formData);
      if(editMode) { console.log('editId:', editId);
        $.ajax({ method: 'PUT', data: formData,
          url: "{{ route('candidate.experience.update', ':id') }}".replace(':id', editId),
          beforeSend: function() { showLoader(); },
          success: function(response) { fetchExperience();
            $('#ExperienceForm').trigger("reset"); $('#experienceModal').modal('hide');
            editId = ''; editMode = false; hideLoader();
            notyf.success(response.message);
          },
          error: function(xhr, status, error) {
            console.log(error); hideLoader();
          }
        });
      } else {
        $.ajax({ method: 'POST',
          url: "{{ route('candidate.experience.store') }}", data: formData,
          beforeSend: function() { showLoader(); },
          success: function(response) { fetchExperience();
            $('#ExperienceForm').trigger('reset'); $('#experienceModal').modal('hide');
            hideLoader(); notyf.success(response.message);
          },
          error: function(xhr, status, error) {
            console.log(error); hideLoader();
          }
        });
      }
    });

$('body').on('click', '.edit-experience', function() {
      $('#ExperienceForm').trigger('reset');
      const url = $(this).attr('href'); console.log('url:', url);
      $.ajax({ method: 'GET', url: url, data: {},
        beforeSend: function() { showLoader(); },
        success: function(response) { console.log('response:', response);
          editId = response.id; editMode = true;
          $.each(response, function(index, value) { console.log(index, ':', value);
            $(`input[name="${index}"]:text`).val(value);
            if(index==='currently_working' && value==1)
              $(`input[name="${index}"]:checkbox`).prop('checked', true);
            if(index==='responsibilities') $(`textarea[name="${index}"]`).val(value);
          });
        },
        error: function(xhr, status, error) { console.log(error); },
        complete: function() { hideLoader(); }
      });
    });

// Delete experience item
    $("body").on('click', '.delete-experience', function(e) {
      e.preventDefault();
      let url = $(this).attr('href'); console.log(url);
      Swal.fire({
        title: "Are you sure?",
        text: "You won't be able to revert this!",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "Yes, delete it!"
      }).then((result) => {
        if (result.isConfirmed) {
          $.ajax({
            method: 'DELETE', url: url, data: {_token: "{{ csrf_token() }}"},
            beforeSend: function() { showLoader(); },
            success: function(response) { fetchExperience();
              //console.log('Deletion success - response:', response);
              hideLoader(); notyf.success('Deleted Successfully!');
            },
            error: function(xhr, status, error) { console.log(xhr); //alert('error');
              hideLoader(); swal(xhr.responseJSON.message, { icon: 'error' });
            }
          });
        }
      });
    });

// Fetch education
    function fetchEducation() { //alert('Working..');
      $.ajax({ method: 'GET',
        url: "{{ route('candidate.education.index') }}", data: {},
        beforeSend: function() { showLoader(); },
        success: function(response) { console.log('response:', response);
          $('.education-tbody').html(response);
        },
        error: function(xhr, status, error) { console.log(error); },
        complete: function() { hideLoader(); }
      });
    }

// Save education data
    $('#EducationForm').on('submit', function(event) {
      event.preventDefault(); console.log('EducationForm submitted');
      const formData = $(this).serialize(); console.log('formData:', formData);
      if(editMode) { console.log('editId:', editId);
        $.ajax({ method: 'PUT', data: formData,
          url: "{{ route('candidate.education.update', ':id') }}".replace(':id', editId),
          beforeSend: function() { showLoader(); },
          success: function(response) { fetchEducation();
            $('#EducationForm').trigger("reset"); $('#educationModal').modal('hide');
            editId = ''; editMode = false; hideLoader();
            notyf.success(response.message);
          },
          error: function(xhr, status, error) {
            console.log(error); hideLoader();
          }
        });
      } else {
        $.ajax({ method: 'POST',
          url: "{{ route('candidate.education.store') }}", data: formData,
          beforeSend: function() { showLoader(); },
          success: function(response) { fetchEducation();
            $('#EducationForm').trigger('reset'); $('#educationModal').modal('hide');
            hideLoader(); notyf.success(response.message);
          },
          error: function(xhr, status, error) {
            console.log(error); hideLoader();
          }
        });
      }
    });

$('body').on('click', '.edit-education', function() {
      $('#EducationForm').trigger('reset');
      const url = $(this).attr('href'); console.log('url:', url);
      $.ajax({ method: 'GET', url: url, data: {},
        beforeSend: function() { showLoader(); },
        success: function(response) { console.log('response:', response);
          editId = response.id; editMode = true;
          $.each(response, function(index, value) { console.log(index, ':', value);
            $(`input[name="${index}"]:text`).val(value);
            if(index==='note') $(`textarea[name="${index}"]`).val(value);
          });
        },
        error: function(xhr, status, error) { console.log(error); },
        complete: function() { hideLoader(); }
      });
    });

// Delete education item
    $("body").on('click', '.delete-education', function(e) {
      e.preventDefault();
      let url = $(this).attr('href'); console.log(url);
      Swal.fire({
        title: "Are you sure?",
        text: "You won't be able to revert this!",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "Yes, delete it!"
      }).then((result) => {
        if (result.isConfirmed) {
          $.ajax({
            method: 'DELETE', url: url, data: {_token: "{{ csrf_token() }}"},
            beforeSend: function() { showLoader(); },
            success: function(response) { fetchEducation();
              //console.log('Deletion success - response:', response);
              hideLoader(); notyf.success('Deleted Successfully!');
            },
            error: function(xhr, status, error) { console.log(xhr); //alert('error');
              hideLoader(); swal(xhr.responseJSON.message, { icon: 'error' });
            }
          });
        }
      });
    });

// $('.country').on('change', function() { //alert('Country changed');
    //   let country_id = $(this).val();
    //   // remove all previous cities
    //   $('.city').html('');
    //   $.ajax({
    //     method: 'GET', url: '{{ route("get-states", ":id")}}'.replace(":id", country_id),
    //     date: {},
    //     success: function(response) { //alert('success'); alert(response);
    //       let html = '';
    //       $.each(response, function(index, value) { //console.log(index, value); alert(index); console.log(value.name);
    //         html += `<option value="${value.id}">${value.name}</option>`; //console.log(html);
    //       });
    //       $('.state').html(html);
    //     },
    //     error: function(xhr, status, error) {}
    //   });
    // });

// get cities
    // $('.state').on('change', function() { //alert('Country changed');
    //   let state_id = $(this).val();
    //   $.ajax({
    //     method: 'GET', url: '{{ route("get-cities", ":id")}}'.replace(":id", state_id),
    //     date: {},
    //     success: function(response) { //alert('success'); alert(response);
    //       let html = '';
    //       $.each(response, function(index, value) { //console.log(index, value); alert(index); console.log(value.name);
    //         html += `<option value="${value.id}">${value.name}</option>`; //console.log(html);
    //       });
    //       $('.city').html(html);
    //     },
    //     error: function(xhr, status, error) {}
    //   });
    // });
  });
</script>

@endpush