@extends('layouts.app')

@section('page_css')
  @parent
  <link rel="stylesheet" href="{{ asset('assets/vendor/libs/quill/katex.css') }}" />
  <link rel="stylesheet" href="{{ asset('assets/vendor/libs/quill/editor.css') }}" />
  <link rel="stylesheet" href="{{ asset('assets/vendor/libs/spinkit/spinkit.css') }}" />
@endsection

@section('content')
@if($has_rights['list'])
  <!-- Content --> 
  <!-- breadcrumb start -->
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Master</a></li>
      <li class="breadcrumb-item active">Web Press Release</li>
    </ol>
  </nav>
  <!-- breadcrumb end --> 
                
  <!-- Basic Bootstrap Table -->
  <div class="card card-primary">
    <div class="card-header border-bottom">
      <div class="d-flex justify-content-between">
        <h5 class="">Web Press Release</h5>
        <div class="">
          @if($has_rights['add'])
          <a class="btn btn-sm btn-primary" href="{{ route('admin.web_pr.create') }}">
              Add New
            </a>
          @endif
        </div>
      </div> 
    </div>
    <div class="card-body">
      <div class="card-datatable table-responsive" id="dt_wrapper">
        <table class="datatables-users table" id="blogsDataTable">
          <thead>
            <tr>
              <th class="text-nowrap">Sr.No</th>
              <th class="text-nowrap">Title</th>
              <th class="text-nowrap">Date</th>
              <th class="text-nowrap">is enabled?</th>
              <th class="text-nowrap">Creation Date</th>
              <th class="text-nowrap">Actions</th>
            </tr>
          </thead>
          <tbody classs="table-border-bottom-0">
            @foreach($records as $index => $record)
            @php
              $id = $record->id;
              $enable_checked = $record->enabled == 1 ? 'checked' : '';
            @endphp
            <tr>
              <td>
                {{ $index + 1 }}
              </td>

              <td>
                {{ $record->title }}
              </td>

              <td>
                {{ $record->date }}
              </td>

              <td>
                <div class="">
                  <label class="switch switch-success">
                    <input id="progress_display_to_page" type="checkbox" class="switch-input" name="progress_display_to_page" value="1" {{ $enable_checked }} onchange = "handleChangeStatus(this)" data-id = "{{ $record->id }}" />
                    <span class="switch-toggle-slider">
                      <span class="switch-on"></span>
                      <span class="switch-off"></span>
                    </span>
                  </label>
                </div>
              </td>

              <td>
                <span class="text-nowrap">{{ $record->created_formated }}</span>
              </td>

              <td>
                  <div class="text-nowrap">
                    @if(@$has_rights['edit'])  
                      <a class="get_mail_smtp_configuration_edit_form" href="{{ tokenize_url(route('admin.web_pr.edit'),['id'=>$id]) }}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="tooltip-primary" title="Edit">
                        <i class="ti ti-edit ti-sm me-1"></i>
                      </a>
                    @endif
                    
                    @if($has_rights['delete'] && false)
                  
                    @endif
                  </div>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div> 
  </div>
@endif

@endsection
<!--/ END PAGE CONTENT -->
@section('modals')
  @parent

@endsection

@section('page_scripts')
  @parent
  <script type="text/javascript" src="{{ asset('assets/vendor/libs/quill/katex.js') }}"></script>
  <script type="text/javascript" src="{{ asset('assets/vendor/libs/quill/quill.js') }}"></script>
  <script src="{{ asset('assets/vendor/libs/block-ui/block-ui.js') }}"></script>
  <script src="{{ url('plugins/jquery-validation/dist/jquery.validate.js') }}"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/additional-methods.min.js" integrity="sha512-XZEy8UQ9rngkxQVugAdOuBRDmJ5N4vCuNXCh8KlniZgDKTvf7zl75QBtaVG1lEhMFe2a2DuA22nZYY+qsI2/xA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script type="text/javascript">
    $(document).ready(function()
    {
      let message = @JSON(session()->get('message'));
      if(message)
      {
        if(message.type == 'success')
        {
          showMessage(message.message);
        }
        else if(message.type == 'error')
        {
          showMessage(message.message, "error");
        }
      } 
    });

    handleChangeStatus = (_this) => {
      let status = $(_this).prop("checked");
      let blog_id = $(_this).attr('data-id');

      $.ajax({
        type:'POST',
        url:"{{ route('admin.web_pr.change_status') }}",
        data:{
          'id':blog_id,
          'status':status ? 1 : 0,
          '_token':$("meta[name=csrf_token]").val(),
        },
        beforeSend:function(){
          $(_this).prop('disabled',true);
        },
        success:function(response){
          if(response?.status == 'success')
          {
            showMessage('Status Changed Successfully');
          }
          else
          {
            showMessage('Unable to change status','error');
          }
        },
        complete:function(){
          $(_this).prop('disabled',false);
        }
      })
      console.log(status);
    }
  </script>
@endsection
<!--/ END PAGE CONTENT -->