@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') }}" />
@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">User Registration Link</li>
    </ol>
  </nav>
  <!-- breadcrumb end --> 
                
  <!-- Basic Bootstrap Table -->
  <div class="card card-primary">
    <div class="card-header border-bottom">
      <div class="row">
        <h5 class="col-md-10">User Registration Link</h5>
        <div class="col-md-2">
          @if($has_rights['add'])
            <a class="btn btn-sm btn-primary" href="{{ route('admin.master.user_registration_link.add') }}">
              Add New
            </a>
          @endif
        </div>
      </div> 
    </div>
    <div class="card-body">
      <div class="card-datatable table-responsive">
        <table class="datatables-users table" id="BasicDataTable">
          <thead>
            <tr>
              <th class="text-nowrap">Title</th>
              <th class="text-nowrap">Form Link</th>
              <th class="text-nowrap">User Registered</th>
              <th class="text-nowrap">User Type</th>
              <th class="text-nowrap">Is Expiry</th>
              <th class="text-nowrap">Expiry Range</th>
              <th class="text-nowrap">Expiry Message</th>
              <th class="text-nowrap">Message</th>
              <th class="text-nowrap">Link Send To</th>
              <th class="text-nowrap">Action</th>
            </tr>
          </thead>
          <tbody classs="table-border-bottom-0">
            @foreach($user_registration_link as $_user_registration_link)
              @php
                $id = $_user_registration_link->id;
                $user_type_arr = json_decode($_user_registration_link["user_type"]);
                $is_expiry = $_user_registration_link["is_expiry"];
                $expiry_range = "--";
                if($is_expiry == 'Y')
                {
                  $date_range_arr = explode(" - ", $_user_registration_link->expiry_range);
                  $start_date = date_format(date_create(@$date_range_arr[0]),'d M y');
                  $end_date = date_format(date_create(@$date_range_arr[1]),'d M y');
                  $expiry_range = $start_date." to ".$end_date;
                }

                $form_link = $_user_registration_link["form_link"];
                $details = $_user_registration_link["details"];
                $title = $_user_registration_link["title"] ; 
                $expiry_message = $_user_registration_link["expiry_message"];
              @endphp
              <tr>
                <td class="text-nowrap">{{ $title }}</td>
                <td class="text-center">
                  <a href="javascript:void(0);" class="text_copy_to_clipboard_modal" clipboard_data="{{ $form_link }}" >
                    <i class="ti ti-link ti-sm me-1"></i>
                  </a>
                </td>   
                <td class="text-center">
                  @if($has_rights['view_detail'])
                    <a href="javascript:void(0);" onclick="clearUserStatusField();showRegisteredUser({{$id}},'N','{{$title}}')">
                      <span class="badge bg-info">
                        view
                      </span>
                    </a>
                  @endif
                </td>
                <td class="text-nowrap">{{ implode(" , ",$user_type_arr) }}</td>
                <td class="text-center">{{ $is_expiry }}</td>
                <td class="text-nowrap">{{ $expiry_range }}</td>
                <td class="text-nowrap">
                  @if($expiry_message != '' && strlen($expiry_message) > 15)
                    {!! substr($expiry_message, 0, 15)  !!}
                    <a href="javascript:void(0);" class="readMore" data-title="{{ $title }}" data-description="{{$expiry_message}}">
                      <span class="badge bg-label-primary">Read More</span>
                    </a>
                  @else
                    {{ $expiry_message == "" ? '--' : $expiry_message }}
                  @endif 
                </td>
                <td class="text-nowrap">
                  @if($details != '' && strlen($details) > 15)
                    {!! substr($details, 0, 15)  !!}
                    <a href="javascript:void(0);" class="readMore" data-title="{{ $title }}" data-description="{{$details}}">
                      <span class="badge bg-label-primary">Read More</span>
                    </a>
                  @else
                    {{ $details == "" ? '--' : $details }}
                  @endif 
                </td>
                <td class="text-nowrap text-center">
                  <a href="javascript:void(0);" onclick="getLinkSentEmailsList('{{$id}}')">
                    <span class="badge bg-info">
                      view
                    </span>
                  </a>
                </td>
                <td class="text-nowrap">
                  <div class="action_div_width">

                    @if($has_rights['edit'])
                      <a class="" href="{!! tokenize_url(route('admin.master.user_registration_link.edit'), ['id' => @$id]) !!}">
                        <i class="ti ti-edit ti-sm me-1"></i>
                      </a>
                    @endif
                    
                    @if($has_rights['delete'])
                      <a href="javascript:void(0);" data_url="{!! tokenize_url(route('admin.master.user_registration_link.destroy'),['id' => @$id]) !!}" class="delete_confirm">
                        <i class="ti ti-trash ti-sm me-1"></i>
                      </a>
                    @endif

                    @if($has_rights['add'])
                      <a href="javascript:void(0);" onclick="shareUserRegLink({{ $id }})">
                        <i class="ti ti-share ti-sm me-1"></i>
                      </a>
                    @endif
               
                  </div>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div> 
  </div>
@endif

@endsection
<!--/ END PAGE CONTENT -->
@section('modals')
  @parent
  <!-- Begin Offcanvas offcanvasRegisteredUser-->
  <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRegisteredUser" aria-labelledby="offcanvasEndLabel" style="width: 50rem;">
    <div class="offcanvas-header">
      <h5 class="offcanvas-title">Registered User</h5>
      <!--  -->
      <div style="width: 40%;">
        <select id="registered_user_status" name="registered_user_status" class=" form-select">
          <option value="ALL">All</option>
          <option value="Y">Approved</option>
          <option value="N" selected>Pending</option>       
        </select>
      </div> 
      <!--  -->
      <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body mx-0 flex-grow-0">
      
    </div>
  </div>
  <!-- End offcanvasRegisteredUser Offcanvas -->
    
  <!-- Begin Offcanvas offcanvasShareUserRegLink-->
  <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasShareUserRegLink" aria-labelledby="offcanvasEndLabel" style="width: 40rem;">
   
  </div>
  <!-- End offcanvasShareUserRegLink Offcanvas -->


  <!-- Begin Offcanvas LinkSentEmailsList-->
  <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasLinkSentEmailsList" aria-labelledby="offcanvasEndLabel" style="width: 50rem;">
    
  </div>
  <!-- End Offcanvas LinkSentEmailsList-->

  <!--Begin: add_user_modal Modal -->
  <div class="modal fade" id="add_user_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        
      </div>
    </div>
  </div>
  <!--End: add_user_modal Modal  -->
@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="{{ 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");
        }
      }
      
      //Begin offcanvas instance
      let offcanvasRegisteredUser = document.getElementById('offcanvasRegisteredUser');
      let bsoffcanvasRegisteredUser = new bootstrap.Offcanvas(offcanvasRegisteredUser);

      let offcanvasLinkSentEmailsList = document.getElementById('offcanvasLinkSentEmailsList')
      let bsOffcanvasLinkSentEmailsList = new bootstrap.Offcanvas(offcanvasLinkSentEmailsList);

      let offcanvasShareUserRegLink = document.getElementById('offcanvasShareUserRegLink')
      let bsoffcanvasShareUserRegLink = new bootstrap.Offcanvas(offcanvasShareUserRegLink);
      //End offcanvas instance

      //functions
      showRegisteredUser = function(user_registration_link_id = "",status = "",canv_title=""){
        if(user_registration_link_id!="" && status!="")
        {
          $.ajax({
            'type':'POST',
            'url':"{{ route('admin.master.user_registration_link.get_list') }}",
            'data':{
              '_token':"{{ csrf_token() }}",
              'user_registration_link_id':user_registration_link_id,
              'status':status
            },
            beforeSend:function(){
              $("#offcanvasRegisteredUser .offcanvas-body").html("");
            },
            success:function(registered_user_list){
              $("#offcanvasRegisteredUser .offcanvas-title").text(canv_title);
              $("#offcanvasRegisteredUser .offcanvas-body").html(registered_user_list);
            },
            error:function(){

            },
            complete:function(){
              bsoffcanvasRegisteredUser.show();
            }
          });
        }
      }
      
      //clear field
      clearUserStatusField = function(){
        $('#registered_user_status').val('N');  
      }


      //change status
      changeStatus = function(is_approved = "",user_registration_id = ""){
        if(is_approved == 'N' && user_registration_id!="")
        {
          $.ajax({
            'type':'POST',
            'url':"{{ route('admin.master.user_registration_link.get_add_user_form') }}",
            'data':{
              '_token':"{{ csrf_token() }}",
              'user_registration_id':user_registration_id,
              'is_approved':is_approved
            },
            beforeSend:function(){
              $('#add_user_modal .modal-content').html("");
            },
            success:function(add_user_form){
              $('#add_user_modal .modal-content').html(add_user_form);
            },
            error:function(){

            },
            complete:function(){
              $('#add_user_modal').modal('show');
            }
          });
        }
      }

      //share user reg link
      shareUserRegLink = function(user_registration_link_id = ""){
        if(user_registration_link_id)
        {
          $.ajax({
            type:'POST',
            url : "{{ route('admin.master.user_registration_link.get_share_link_form') }}",
            data:{
              '_token':"{{ csrf_token() }}",
              'user_registration_link_id':user_registration_link_id,
            },
            beforeSend:function(){
              $("#offcanvasShareUserRegLink").html("");
            },
            success:function(share_link_form){
              $("#offcanvasShareUserRegLink").html(share_link_form);
            },
            error:function(){

            },
            complete:function(){
             bsoffcanvasShareUserRegLink.show();
            }
          });
        }
      }

      function readMore(title="",description="")
      {
        $("#readMoreModalTitle").text(title);
        $("#readMoreModalContent").text(description);
        $("#readMoreModal").modal('show');
      }

      getLinkSentEmailsList = function(user_registration_link_id = "")
      { 
        if(user_registration_link_id)
        {
          $.ajax({
            type:'POST',
            url:"{{ route('admin.master.user_registration_link.get_link_sent_emails_list') }}",
            data:{
              '_token':"{{ csrf_token() }}",
              'user_registration_link_id':user_registration_link_id
            },
            beforeSend:function(){
              $("#offcanvasLinkSentEmailsList").html("");
            },
            success:function(link_sent_emails_list){
              $("#offcanvasLinkSentEmailsList").html(link_sent_emails_list);
            },
            error:function(resp){

            },
            complete:function(){
              bsOffcanvasLinkSentEmailsList.show();
            }
          });
        }
      }
      
      //jquery events
      $('.delete_confirm').click(function()
      {
        var data_url = $(this).attr('data_url');
        $('#delete_confirm_modal_yes').attr('href', data_url);
        $("#delete_confirm_modal_preview").modal('show');
      });

      $('.readMore').click(function()
      {
        readMore($(this).data('title'), $(this).data('description'));
      }); 

      $('#registered_user_status').change(function(){
        let user_status = $('#registered_user_status').val();
        let user_registration_link_id = $('#hidd_user_registration_link_id').val();
        let canv_title = $("#offcanvasRegisteredUser .offcanvas-title").text();
        console.log(canv_title);
        if(user_registration_link_id && user_status)
        {
          showRegisteredUser(user_registration_link_id,user_status,canv_title);
        }
      });

    });
  </script>
  <script src="{{ asset('dist/js/master/user_registration_link.js') }}"></script>
@endsection
<!--/ END PAGE CONTENT -->