<div class="container my-5">

​

  <!-- Section: Introduction -->

  <section class="">

​

    <p>Description</p>

​

    <p>

      Detailed documentation and more examples you can find in our

      <a href="https://mdbootstrap.com/docs/standard/forms/select/" target="_blank"><strong>Select docs Docs</strong></a>.

    </p>

​

    <hr class="mt-5">

​

    <p>Built with <a target="_blank" href="https://mdbootstrap.com/docs/standard/">Material Design for Bootstrap</a> - free and powerful Bootstrap UI KIT</p>

​

    <a class="btn btn-primary me-2" href="https://mdbootstrap.com/docs/standard/getting-started/installation/" target="_blank" role="button">Download MDB UI KIT<i class="fas fa-download ms-2"></i></a>

    <a class="btn btn-danger me-2" target="_blank" href="https://mdbootstrap.com/docs/standard/" role="button">Learn more</a>

    <a class="btn btn-success me-2" target="_blank" href="https://mdbootstrap.com/docs/standard/getting-started/" role="button">Tutorials</a>

    <a class="btn btn-dark me-2" target="_blank" href="https://github.com/mdbootstrap/mdb-ui-kit" role="button">GitHub<i class="fab fa-github ms-2"></i></a>

​

    <hr class="mb-5"/>

​

  </section>

  <!-- Section: Introduction -->

​

​

<!-- Modal -->

    <div class="modal fade" id="basicExampleModal" 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="exampleModalLabel">Add New Vial of Medication</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  action="{{ route('attendance.store') }}" method="POST" >

                        <div class="md-form">

                            <input placeholder="Date of Incident" type="text" id="date" name="date" class="form-control datepicker">

                            <label for="date">Date of Incident</label>

                        </div>

​

                            <select class="mdb-select" id="user_id" name="user_id" searchable="Search here.." >

                                <option value="" disabled selected>Choose Employee</option>

                                    <option value="{{$id}}" >2</option>

                                              <option value="{{$id}}" >1</option>

                                              <option value="{{$id}}" >4</option>

                                                    <option value="{{$id}}" >6</option>

  </select>    

​

                        <select class="mdb-select md-form" name="occurance_type" searchable="Search here..">

                            <option value="" disabled selected>Where is the Medication Located</option>

                          <option value="{{$id}}">2</option>

                                <option value="{{$id}}">1</option>

<option value="{{$id}}">3</option>

                          <option value="{{$id}}">5`</option>

                        </select>

​

                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

​

                    <button type="submit" class="btn btn-primary">Add New Attendance Violation</button>

​

                    </form>

                </div>

            </div>

        </div>

    </div>

      <!-- Button trigger modal -->

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#basicExampleModal">

  Launch demo modal

</button>

​