@extends('layouts.vat')

@section('content')

	@if (session('status'))
      <div class="alert alert-success">
          {{ session('status') }}
      </div>
  @endif  
  @if (session('info'))
      <div class="alert alert-info">
          {{ session('info') }}
      </div>
  @endif
  @if (session('warning'))
      <div class="alert alert-warning">
          {{ session('warning') }}
      </div>
  @endif
  <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="">
                <div class="card-header text-white" style="background-color: rgba(109, 110, 113, .8);">VAT11 Modification
                  
                 <div class="card-body">
                   <a href="{{ url('/vat_num') }}" class="btn btn-light right btn-sm mt-2 mr-2">Apply for VAT11 Modification
                  </a>
                  @guest
                    @if($data)
                    @else
                     <button type="button" class="btn btn-light btn-sm mt-2 mr-2" data-toggle="modal" data-target="#modifyAppsModal">
                        Pending Applications
                      </button>
                    @endif  
                  @endguest

                 </div>
                </div>

                <br/>
               @guest
                 @if($data)
                      <table id="example1" class="table table-striped table-bordered table-hover dataTable no-footer">
                          
                          @foreach ($applications as $application)
                           <tr >
                              <td>  
                                  {{$application->vat_number}}   
                              </td>
                              <td>  
                                {{$application->updated_at->diffForHumans()}}   
                              </td>
                              <td>
                               @if($application->issued == 2)  
                                <a href="#" class="btn btn-light btn-sm" data-toggle="modal" data-target="#notificatiosModals" data-value="{{ $application->id }}" id="rejected" style="color: #ff5100; border-color: #ff5100;"> 
                                  Rejected
                                  <div class="vat_notifications">
                                  <i class="fa fa-bell"></i>
                                  </div> 
                                </a>
                               @elseif($application->issued == 0)
                                <span class="" style="color:#ff5100;">Pending</span> 
                               @endif  
                            </td>
                            @if($application->issued == 2)
                              <td>
                                 <form class="forms-sample" action ="{{ route('edit_modify_fields') }}" method ="POST" role="form">
                                    {{ csrf_field() }}
                                    <input type="hidden" class="form-control" value="{{ $application->id }}" name="id">   
                                    <button type="submit" class="btn btn-danger btn-sm" style="background: #ff5100; border-color: #fff;">Edit</button>
                                  </form>   
                              </td>
                            @endif
                            </tr>
                          @endforeach   
                       </table>
                       <a href="{{ url('/') }}" class="btn btn-danger btn-sm" type="submit" style="background: #ff5100; border-color: #fff;">Back
                      </a>
                  @else
                
                  @endif
               @else           
               <table id="example1" class="table table-striped table-bordered table-hover dataTable no-footer">
                        
                @foreach ($applications as $application)
                   <tr >
                      <td>  
                          {{$application->vat_number}}   
                      </td>
                      <td>  
                        {{$application->updated_at->diffForHumans()}}   
                      </td>
                      <td>
                         @if($application->issued == 2)  
                          <a href="#" class="btn btn-light btn-sm" data-toggle="modal" data-target="#notificatiosModals" data-value="{{ $application->id }}" id="rejected" style="color: #ff5100; border-color: #ff5100;"> 
                            Rejected
                            <div class="vat_notifications">
                            <i class="fa fa-bell"></i>
                            </div> 
                          </a>
                         @elseif($application->issued == 0)
                          <span class="" style="color:#ff5100;">Pending</span> 
                         @endif  
                      </td>
                      @if($application->issued == 2)
                      <td>
                         <form class="forms-sample" action ="{{ route('edit_modify_fields') }}" method ="POST" role="form">
                            {{ csrf_field() }}
                            <input type="hidden" class="form-control" value="{{ $application->id }}" name="id">   
                            <button type="submit" class="btn btn-danger btn-sm" style="background: #ff5100; border-color: #fff;">Edit</button>
                          </form>   
                      </td>
                      @endif
                    </tr>
                @endforeach   
               </table>
               <a href="{{ url('/home') }}" class="btn btn-danger btn-sm" type="submit" style="background: #ff5100; border-color: #fff;">Back
                      </a>
               @endguest
            </div>
            <!-- Modal -->
            <div class="modal fade" id="modifyAppsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="rejectModalLabel">Modify Applications</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <form class="form-sample" action ="{{ url('/modify_pending_apps') }}" method ="POST">
                      {{ csrf_field() }}
                      
                      <div class="form-group">
                        <label for="message-text" class="col-form-label">Enter your mobile number below</label>
                        <input type="textfield" name="mobile" id="mobile" class="form-control" placeholder="57777777" pattern="[0-9]{8}" autocomplete="off" required/>
                      </div>
                      <button type="submit" class="btn btn-danger btn-sm" name="appbutton" value="reject" style="background: #ff5100; border-color: #fff;">Submit</button>
                      <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
                    </form>
                  </div>
                  <div class="modal-footer">
                  </div>
                </div>
              </div>
            </div>
            <!-- Modal -->
            <div class="modal fade" id="notificatiosModals" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="rejectModalLabel">Your Notification</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">                   
                                       
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
                  </div>
                </div>
              </div>
            </div>
            @include('partials.cft_dialogs')
        </div>
    </div>
</div>

@include('partials.cft_ratings')

<script type="text/javascript">
    $( document ).ready(function() {

      $(document).on("click","#rejected",function(){

          var id = $(this).data("value");
          var _token = $('input[name="_token"]').val();
          
          $.ajax({
                    url:"{{ route('vat_mod_notification') }}",
                    method:"POST",
                    data:{id:id, _token:_token},
                    success:function(response)
                    {
                      const myDate = response.notification.slice(0, 19);
                      const myNotification = response.notification.slice(19,);
                      $(".modal .modal-body").html(myDate +"<br>Dear Client, <br>" + myNotification); 
                    },

                    error: function(error) {
                   console.log(error);
                    
                  }
                
            });
          
      });

    });
  </script>
  @guest
    @if (session('status'))
     <script>
          $(document).ready(function(){
             setTimeout(function () {
                      $("#changeAppsModal").modal('show')
                  }, 3000);
              
          });
      </script>
    @endif
  @endguest
@endsection