@extends('layout.adminapp')
@section('page-css')
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
    <link href="{{ asset('css0/buttons.bootstrap.min.css') }}" rel="stylesheet">
      <link href="{{ asset('css0/buttons.dataTables.min.css') }}" rel="stylesheet">
      <link rel="stylesheet" href="{!! asset('css/hover-min.css') !!}">

      <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
@endsection
@section('page-content')

      <section class="content">

        <div class="content-inner content-docs">
  <div class="card">
    <div class="card-header">
      <h5>Admin Users</h5>
      <div class="float-right">
        <button type="button"  class="btn btn-sm btn-outline-fid " data-toggle="collapse" href="#addstaff" role="button" aria-expanded="false" aria-controls="collapseform" name="button">Add Admin Users</button>
      </div>
    </div>
    <div class="card-body">
<div id="addstaff" class="collapse col-lg mx-auto bg-whitesmoke p-3 jumbotron">
<form class="" action="{!! route('admin.users.add') !!}" method="post">
  @csrf
  <div class="row">
    <div class="col-lg-6 mx-auto">
      <div class="form-group">
        <label for="">Name</label>
        <input type="text" class="form-control" required name="name">
      </div>
      <div class="form-group">
        <label for="">Email</label>
        <input type="email" class="form-control" required name="email">
      </div>
      <div class="form-group">
        <label for="">Role</label>
        <select class="form-control" required name="role">
          <option selected disabled hidden>--Select an option--</option>
          <option value="1">Super Admin</option>
          <option value="2">Project Assistant</option>
          <option value="3">Credit Analyst</option>
        </select>
      </div>
      <div class="text-center">
        <button type="submit" name="button" class="btn btn-success col-lg-4 btn-sm">Add User</button>
      </div>
    </div>
  </div>
</form>
</div>
<div class="row">
<div class="col-lg-6 mx-auto">
  @include('layout.alert')
</div>
</div>
{{$dataTable->table(['class' => 'table table-bordered table-striped table-centered table-hover w-100 dt-responsive wrap mb-0' ,'id'=>'dashboardtable-table'])}}
    </div>
  </div>
</div>
@endsection

@section('page-js')

  <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script src="{!! asset('vendor/datatables/buttons.server-side.js') !!}"></script>
    <script src="{!! asset('js/dataTables.buttons.min.js') !!}"></script>
    <script src="{!! asset('js/buttons.server-side.js') !!}"></script>
      {{$dataTable->scripts()}}
@endsection