@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(0, 46, 102, .8);">New VAT11 Pending Applications
                  
                 <div class="card-body">
                   <a href="{{ url('/create') }}" class="btn btn-info right btn-sm">Apply for New VAT11
                 </a>
                 </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->chassis_number}}   
                                </td>
                                <td>
                                   <form class="forms-sample" action ="{{ route('edit_creation') }}" 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">Pending</button>
                                    </form>   
                                </td>
                              </tr>
                            @endforeach   
                         </table>
                    @else
                   <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#createAppsModal">
                      Pending Applications
                    </button>
                    @endif
               @else           
               <table id="example1" class="table table-striped table-bordered table-hover dataTable no-footer">
                  @foreach ($applications as $application)
                   <tr >
                      <td>  
                          {{$application->chassis_number}}   
                      </td>
                      <td>
                         <form class="forms-sample" action ="{{ route('edit_creation') }}" 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">Pending</button>
                          </form>   
                      </td>
                    </tr>
                  @endforeach  
               </table>
               @endguest
            </div>
            <!-- Modal -->
            <div class="modal fade" id="createAppsModal" 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">Pending 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('/create_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="26657777777" pattern="([+])?[0-9]{11}" autocomplete="off" required/>
                      </div>
                      <button type="submit" class="btn btn-info btn-sm" name="appbutton" value="reject">Submit</button>
                      <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
                    </form>
                  </div>
                  <div class="modal-footer">
                  </div>
                </div>
              </div>
            </div>
        </div>
    </div>
</div>
@endsection