@layout('admin/master')
@section('content')
@section('stylesheets')
<link rel="stylesheet" href="/admin/assets/lib/datatables/jquery.dataTables.min.css">
<link rel="stylesheet" href="/admin/assets/lib/datatables/responsive.bootstrap.min.css">
@endsection

    <div class="container-fluid g-0">
      <div class="row">
        <div class="col-12 mb-4">
          <div class="subject-box">
            <div class="d-flex align-items-center justify-content-between">
              <div class="bg-f4f4">
                <h4>Science</h4>
              </div>
              <div class="dropdown custom-drop">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                  data-bs-toggle="dropdown" aria-expanded="false">
                  <p>...</p>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                  <li>
                    <button class="drop-btn" type="button" data-toggle="modal" data-target="#categroyExampleModal">
                      Edit
                    </button>
                  </li>
                  <li>
                    <button class="drop-btn" id="error">Delete</button>
                  </li>
                </ul>
              </div>
            </div>
            <p class="mt-3">
              Phasellus finibus enim nulla, quis ornare odio facilisis eu.
              Suspendisse ornare ante sit amet arcu semper, vel eleifend
              tortor egestas. Aenean luctus, lorem in hendrerit interdum,
              leo orci egestas diam, ac euismod massa est et turpis. Etiam
              auctor lectus vel neque convallis pharetra. Ut turpis eros,
              aliquet non ante id, interdum placerat erat. Curabitur sit
              amet eros vel orci venenatis hendrerit. Cras sagittis
              sagittis sagittis. In hac habitasse platea dictumst.
              Phasellus diam erat, porttitor sed ligula at, ultricies
              auctor tellus. Donec ut sem in turpis ultrices suscipit ut
              auctor tellus. Quisque a tincidunt ipsum. Phasellus finibus
              enim nulla, quis ornare odio facilisis eu. Suspendisse
              ornare ante sit amet arcu semper, vel eleifend tortor
              egestas. Aenean luctus, lorem in hendrerit interdum, leo
              orci egestas diam, ac euismod massa est et turpis. Etiam
              auctor lectus vel neque convallis pharetra. Ut turpis eros,
              aliquet non ante id, interdum placerat erat. Curabitur sit
              amet eros vel orci venenatis hendrerit. Cras sagittis
              sagittis sagittis. In hac habitasse platea dictumst.
              Phasellus diam erat, porttitor sed ligula at, ultricies
              auctor tellus. Donec ut sem in turpis ultrices suscipit ut
              auctor tellus. Quisque a tincidunt ipsum.
            </p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
          <div class="input-group mb-3">
            <input type="text" class="form-control search-input" placeholder="Search here" aria-label="Search here"
              aria-describedby="basic-addon1" />
            <img src="/admin/assets/img/search-img.png" alt="" class="search-img" />
          </div>
        </div>
        <div class="col-12 col-12 col-md-6 col-lg-8">
          <div class="text-end mt-2">
            <button class="defaul-btn btn-black" type="button" data-toggle="modal" data-target="#exampleModal">
              + Add
            </button>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-12">
          <div class="static-table table-responsive mt-3">
            <table class="table">
              <thead>
                <tr>
                  <th scope="col">Title</th>
                  <th scope="col">Code</th>
                  <th scope="col">Type</th>
                  <th scope="col">URL</th>
                  <th scope="col">Users</th>
                  <th scope="col">Action</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <a href="/admin/survey-management/qwe/edit">Nisi nullam</a>
                  </td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>

                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/new-user.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/active-icon.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">New</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>Nisi nullam</td>
                  <td>SBE01122</td>
                  <td>
                    <div class="d-flex align-items-center">
                      <div>
                        <img src="/admin/assets/img/clock-icon.png" alt="" />
                      </div>
                      <div>
                        <p class="ms-2">Available</p>
                      </div>
                    </div>
                  </td>
                  <td>
                    <a href="#" class="color-blue">http:www.survey.com</a>
                  </td>

                  <td>
                    Johnny Valdez,<span class="color-blue">+ 20 more</span>
                  </td>
                  <td>
                    <div class="d-flex align-items-center justify-content-between">
                      <div class="switch-data d-flex align-items-center justify-content-between">
                        <div>
                          <p>Active</p>
                        </div>
                        <div>
                          <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
                          </div>
                        </div>
                      </div>
                      <div class="dropdown custom-drop">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
                          data-bs-toggle="dropdown" aria-expanded="false">
                          <p>...</p>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                          <li>
                            <button class="drop-btn" type="button" data-toggle="modal" data-target="#editStudy">
                              Edit
                            </button>
                          </li>
                          <li>
                            <button class="drop-btn" id="error">
                              Delete
                            </button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <nav aria-label="..." class="text-end">
              <ul class="pagination">
                <li class="page-item disabled">
                  <a class="page-link">Previous</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">1</a>
                </li>
                <li class="page-item active" aria-current="page">
                  <a class="page-link" href="#">2</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">3</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">4</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">5</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">6</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">Next</a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- <<< Modal >>> -->
<div class="modal fade" id="categroyExampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered custom-modal" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">Edit Study</h5>
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <img src="/admin/assets/img/cross-icon.png" alt="" />
      </button>
    </div>
    <div class="modal-body">
      <form>
        <div class="form-group">
          <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
            placeholder="Study Name" />
        </div>
        <div class="form-group">
          <textarea class="form-control defaul-text-area" id="exampleFormControlTextarea1" rows="3"
            placeholder="Description"></textarea>
        </div>
      </form>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn-black defaul-btn" data-dismiss="modal" aria-label="Close">
        Save
      </button>
    </div>
  </div>
</div>
</div>

  <!-- <<< Modal >>> -->
  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered custom-modal" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Add Tag</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <img src="/admin/assets/img/cross-icon.png" alt="" />
          </button>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group">
              <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
                placeholder="Title" />
            </div>
            <div class="form-group">
              <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
                placeholder="Code" />
            </div>
            <div class="form-group">
              <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
                placeholder="URL" />
            </div>
            <div class="form-group">
              <select class="form-select defaul-input mb-3" aria-label="Default select example">
                <option selected>Select Type</option>
                <option value="1">One</option>
                <option value="2">Two</option>
                <option value="3">Three</option>
              </select>
            </div>
            <div class="form-group">
              <select class="form-select defaul-input mb-3" aria-label="Default select example">
                <option selected>Select Users</option>
                <option value="1">One</option>
                <option value="2">Two</option>
                <option value="3">Three</option>
              </select>
            </div>
            <div class="form-group">
              <textarea class="form-control defaul-text-area" id="exampleFormControlTextarea1" rows="3"
                placeholder="Description"></textarea>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn-black defaul-btn" data-dismiss="modal" aria-label="Close">
            Save
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="editStudy" tabindex="-1" role="dialog" aria-labelledby="editStudyLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered custom-modal" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Edit Tag</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <img src="/admin/assets/img/cross-icon.png" alt="" />
          </button>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group">
              <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
                placeholder="Title" />
            </div>
            <div class="form-group">
              <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
                placeholder="Code" />
            </div>
            <div class="form-group">
              <input type="text" class="form-control defaul-input mb-4" id="exampleFormControlInput1"
                placeholder="URL" />
            </div>
            <div class="form-group">
              <select class="form-select defaul-input mb-3" aria-label="Default select example">
                <option selected>Select Type</option>
                <option value="1">One</option>
                <option value="2">Two</option>
                <option value="3">Three</option>
              </select>
            </div>
            <div class="form-group">
              <select class="form-select defaul-input mb-3" aria-label="Default select example">
                <option selected>Select Users</option>
                <option value="1">One</option>
                <option value="2">Two</option>
                <option value="3">Three</option>
              </select>
            </div>
            <div class="form-group">
              <textarea class="form-control defaul-text-area" id="exampleFormControlTextarea1" rows="3"
                placeholder="Description"></textarea>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn-black defaul-btn" data-dismiss="modal" aria-label="Close">
            Save
          </button>
        </div>
      </div>
    </div>
  </div>



@include('admin.footer')
@section('scripts')
<script>
	let ajax_listing_url = "{{ route('admin.user.ajaxlsiting') }}";

  $(document).on('click', '#error', function (e) {
				swal({
					title: 'Alert!',
					text: 'Are you sure you want to delete?',
					type: 'warning',
					showCancelButton: true,
					confirmButtonColor: '#fc635d',
					cancelButtonColor: '#e5e5e5',
					confirmButtonText: 'Yes',
					cancelButtonText: 'No',
				})
			})
</script>
<script src="/admin/assets/lib/datatables/jquery.dataTables.min.js"></script>
<script src="/admin/assets/lib/datatables/dataTables.responsive.min.js"></script>
<script src="/admin/assets/js/ajax-datatable.js"></script>
@endsection
@endsection