@extends('layouts.layout')

@section('title', 'Dashboard')

@include('scripts.admin_script')

@section('content')

@if($errors->any())


@foreach ($errors->all() as $error)
<div class="alert alert-danger" role="alert">
  <div class="alert-body">{{ $error }}</div>
</div>
@endforeach
@endif

@if (session('success'))
<div class="alert alert-success success-custom" id="alert_close">
    {{ session('success') }}
</div>
@endif
@if (session('error'))
<div class="alert alert-danger danger-custom" id="alert_close">
    {{ session('error') }}
</div>
@endif

  <section class="content-inner">   
   <div class="permission-block">
            <div class="permission-header">
              <h3>List Of Users</h3>
              <a href="#" class="btn btn-primary" style="float:right" data-bs-toggle="modal" data-bs-target="#create_admin_model">Create Users</a>
            </div>
            <div class="table-wrap">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>No</th>
                    <th>Name</th>
                    <th>Role</th>
                    <th>Mobile</th>
                    <th>Email</th>
                    <th>Image</th>
                    <th>Status</th>
                    <th>Action</th>
                  </tr>
                </thead>
                                <div id="noDataMessage">No Data found!!!!</div>
              
            </div>
            {{ $admins_list->links('pagination::bootstrap-4') }}
          </div>
       
  </section>

<!-- create admin model -->
<div class="modal fade bd-example-modal-lg" id="create_admin_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Create Admin</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('staff.store')}}" method="post" enctype="multipart/form-data" >
          @csrf
          <div class="mb-3">
            <label for="name" class="form-label">Name</label>
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter name">
          </div>
          <div class="mb-3">
            <label for="type" class="form-label">Select Role</label>
            <select class="form-control " name="role_id" id="role_id">
              <option value="hide">Select Role</option>
              @foreach ($role_list as $value)
              <option value="{{$value->id}}">{{$value->name}}</option>
              @endforeach
            </select>
          </div>
          <div class="mb-3">
            <label for="mobile" class="form-label">Mobile</label>
            <input type="number" class="form-control" id="mobile" name="mobile" placeholder="Enter Mobile Number">
          </div>
          <div class="mb-3">
            <label for="email" class="form-label">Email</label>
            <input type="email" class="form-control" id="email" name="email" placeholder="Enter Email_id">
          </div>
          <div class="mb-3">
            <label for="password" class="form-label">Password</label>
            <input type="password" class="form-control" id="password" name="password" placeholder="Enter Password">
          </div>
          <div class="file-upload-wrapper mb-3">
            <label for="image" class="form-label">Image</label>
            <img id="previewImage_addPage" src="" alt="Image" style="height:80px;width:80px;display: none;">
            <img id="defaultimage" src="{{asset('admin/staff_images/no-image.png')}}" alt="No Image" style="height:80px;width:80px;">

            <input type="file" id="addinputfilename" class="form-control file-upload" name="image" onchange="previewFile(this);">
          </div>
          <div class="mb-3">
            <label for="status" class="form-label">Status</label>
            <select class="form-control" id="status" name="status">
              <option value="hide">Select option</option>
              <option value="1">Active</option>
              <option value="0">Inactive</option>
            </select>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary" >Save</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- edit admin model -->
<div class="modal fade bd-example-modal-lg" id="edit_admin_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Admin</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <!-- {{url('admin/staff/update')}} -->
     
        <div class="modal-body">
        <form action="{{url('/staff/update/')}}" method="post" enctype="multipart/form-data">
            @csrf
            @method('PATCH')
                 <div class="mb-3">
                      <input type="hidden" name="id" id="id">
                          <label for="name" class="form-label">Name</label>
                          <input type="text" class="form-control" id="name" name="name" placeholder="Enter name">
                      </div>
                      <div class="mb-3">
                          <label for="type" class="form-label">Type</label>
                          <select class="form-control " name="role_id" id="role_id" >
                            <option value="hide">Select Role</option>
                            @foreach ($role_list as $value)
                              <option value="{{$value->id}}">{{$value->name}}</option>
                            @endforeach
                          </select>
                      </div>
                      <div class="mb-3">
                          <label for="mobile" class="form-label">Mobile</label>
                          <input type="number" class="form-control" id="mobile" name="mobile" placeholder="Enter Mobile Number" value="" >
                      </div>
                      <div class="mb-3">
                          <label for="email" class="form-label">Email</label>
                          <input type="email" class="form-control" id="email" name="email" placeholder="Enter Email_id" value="" >
                      </div>
                      <div class="file-upload-wrapper mb-3">
                          <label for="image" class="form-label">Image</label>

                          <img id="previewImage_editPage_before_show" alt="Image" style="height:80;width:80px;">
                          
                          <img id="" alt="Image" style="height:80;width:80px;display:none">
                          <input type="hidden" name="old_image" id="old_image">
                          <input type="file" id="editinputfilename" class="form-control" name="image" onchange="editPagePreviewFile(this);">
                      </div>
                      <div class="mb-3">
                          <label for="status" class="form-label">Status</label>
                          <select class="form-control" id="status" name="status" >
                            <option value="hide">Select option</option>
                              <option value="1" >Active</option>
                              <option value="0" >DeActive</option>
                          </select>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                          <button type="submit" class="btn btn-primary">update</button>
                    </div>
                    </form>
        </div>
      
    </div>
  </div>
</div>
</div>

@endsection