@include('header')
      <!-- partial -->
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="rows">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">Manage Administrator Access</h4>

                  @if(session()->has('success'))
    <div class="alert alert-success" role="alert">
    <strong>Congratulations!</strong> {{ session()->get('success') }}
    </div>
@endif

@if ($errors->has('email') || $errors->has('password'))
							<div class="alert alert-danger" role="alert">
								<strong>Error!</strong> {{ $errors->first('email') }}
                @endif
                  <h4>Manage Permission</h4>
                  <form method="POST" action="{{ route('admin.access') }}" class="forms-sample" enctype='multipart/form-data'>
                    @csrf
                    <hr/>

                    <div class="form-group">
                      <label for="exampleInputCity1">Admin </label>
                      <select class="form-control" name="admin" style="color:#000">
                        @foreach($admins as $admin)
                          <option value="{{ $admin->id }}">{{ $admin->fullname }} - {{ $admin->email }}</option>                          
                        @endforeach
                      </select>
                    </div>


                    <div class="form-group">
                      <label for="exampleInputCity1">Role </label>
                      <select class="form-control" name="role_type" style="color:#000">
                      @if($admin->admin_type == 1)
                          <option value="1" selected>Regular Administrator</option>                          
                          <option value="2">Super Administrator</option>                          
                      @else
                      <option value="1">Regular Administrator</option>                          
                          <option value="2" selected>Super Administrator</option>                          
                      @endif
                      </select>
                    </div>


                    <!--div class="form-group">
                      <label for="exampleInputPassword4">Document Description</label>
                      <textarea style="height:60px" name="description" class="form-control" id="pass1" placeholder="" required></textarea>
                    </div>
                    <div class="form-group">
                      <input type="file" name="file" class="dropify" /-->                    
                      <!--p align="center"><input type="hidden" name="avatar_url" id="avatar_url" class="simple-file-upload"></p>
                    </div-->

                    <!--div class="form-group">
                      <span style="color:red"></span>
                      <label for="exampleInputPassword4">Password</label>
                      <input type="password" class="form-control" id="pass2" placeholder="Password">
                    </div-->


                    <p align="right">
                      <button type="submit" class="btn btn-success mr-2">Change User Rights</button>
                    </p>
                  </form>

                  <hr/>

                  <h3>Manage Access</h3>

                  <form method="POST" action="{{ route('admin.freeze') }}" class="forms-sample" enctype='multipart/form-data'>
                    @csrf
                    <hr/>

                    <div class="form-group">
                      <label for="exampleInputCity1">Admin </label>
                      <select class="form-control" name="admin" style="color:#000">
                        @foreach($admins as $admin)
                          <option value="{{ $admin->id }}">{{ $admin->fullname }} - {{ $admin->email }}</option>                          
                        @endforeach
                      </select>
                    </div>


                    <div class="form-group">
                      <label for="exampleInputCity1">Role </label>
                      <select class="form-control" name="active_type" style="color:#000">
                      @if($admin->is_active == 1)
                          <option value="0" selected>Freeze Account</option>                          
                          <option value="1">Unfreeze Account</option>                          
                      @else
                      <option value="0">Freeze Account</option>                          
                        <option value="1" selected>Unfreeze Account</option>                          
                      @endif
                      </select>
                    </div>


                    <!--div class="form-group">
                      <label for="exampleInputPassword4">Document Description</label>
                      <textarea style="height:60px" name="description" class="form-control" id="pass1" placeholder="" required></textarea>
                    </div>
                    <div class="form-group">
                      <input type="file" name="file" class="dropify" /-->                    
                      <!--p align="center"><input type="hidden" name="avatar_url" id="avatar_url" class="simple-file-upload"></p>
                    </div-->

                    <!--div class="form-group">
                      <span style="color:red"></span>
                      <label for="exampleInputPassword4">Password</label>
                      <input type="password" class="form-control" id="pass2" placeholder="Password">
                    </div-->


                    <p align="right">
                      <button type="submit" class="btn btn-success mr-2">Change Access</button>
                    </p>
                  </form>


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

          </div>



          <!--div class="row">
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                  <p class="card-title">Advanced Table</p>
                  <div class="row">
                    <div class="col-12">
                      <div class="table-responsive">
                        <table id="example" class="display expandable-table" style="width:100%">
                          <thead>
                            <tr>
                              <th>Quote#</th>
                              <th>Product</th>
                              <th>Business type</th>
                              <th>Policy holder</th>
                              <th>Premium</th>
                              <th>Status</th>
                              <th>Updated at</th>
                              <th></th>
                            </tr>
                          </thead>
                      </table>
                      </div>
                    </div>
                  </div>
                  </div>
                </div>

                
              </div>
            </div>
        </div-->
        <!-- content-wrapper ends -->
        <!-- partial: -->
        <footer class="footer">
        <button onclick="topFunction()" id="myBtn" title="Go to top">&#8593;</button>
          <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block"><p align="center" class="mb-0">Copyright &copy; Casper IS Ltd 2023 </p>  </span>
            <p align="right">
                  <a style="color:blue; text-decoration:none" href="https://www.facebook.com/tritekconsultingltd">
                    <i class="ti-facebook mr-2"></i>
                  </a>                
                  <a class="" style="text-decoration:none" href="https://twitter.com/Tritek_Consult">
                    <i class="ti-twitter mr-2"></i>
                  </a>                
                  <a style="text-decoration:none" class="text text-primary" href="https://www.linkedin.com/company/tritek-consulting-limited">
                    <i class="ti-linkedin mr-2"></i>
                  </a>                        
                  <a class="text text-danger" style="text-decoration:none" href="https://www.instagram.com/tritekconsultingltd/">
                    <i class="ti-instagram mr-2"></i>
                  </a>
                  </p>

          </div>
        </footer>
        <!-- partial -->

      </div>
      <!-- main-panel ends -->
    </div>   
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->
  <!-- container-scroller -->
  <!-- plugins:js -->
  <script src="{{ asset('vendors/js/vendor.bundle.base.js') }}"></script>
  <!-- endinject -->
  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/typeahead.js/typeahead.bundle.min.js') }}"></script>
  <script src="{{ asset('vendors/select2/select2.min.js') }}"></script>
  <!-- End plugin js for this page -->
  <!-- inject:js -->
  <script src="{{ asset('js/off-canvas.js') }}"></script>
  <script src="{{ asset('js/hoverable-collapse.js') }}"></script>
  <!--script src="{{ asset('js/template.js') }}"></script-->
  <script src="{{ asset('js/settings.js') }}"></script>
  <script src="{{ asset('js/todolist.js') }}"></script>
  <!-- endinject -->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/file-upload.js') }}"></script>
  <script src="{{ asset('js/typeahead.js') }}"></script>
  <script src="{{ asset('js/select2.js') }}"></script>
  <!-- End custom js for this page-->

  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/chart.js/Chart.min.js') }}"></script>
  <!-- Custom js for this page>
  <script src="{{ asset('js/chart.js') }}"></script-->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/dashboards.js') }}"></script>
  <script src="{{ asset('js/Chart.roundedBarCharts.js') }}"></script>
  <script src="{{ asset('vendors/dropify/dropify.min.js') }}"></script>
  <script src="{{ asset('js/dropify.js') }}"></script>
  <!-- End custom js for this page-->
  <script>
$( '#multiple-select-field' ).select2( {
    theme: "bootstrap-5",
    width: $( this ).data( 'width' ) ? $( this ).data( 'width' ) : $( this ).hasClass( 'w-100' ) ? '100%' : 'style',
    placeholder: $( this ).data( 'placeholder' ),
    closeOnSelect: false,
} );
</script>
  <!-- End custom js for this page-->

  <script>
  // Get the button:
let mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>

</body>

</html>