
    @include('admin.header')

        

            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">
                    <div class="container-fluid">
                        
                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0">Activities
                                    </h4>

                                    <div class="page-title-right">
                                        <div class="float-end">
                                            <a href="#" class="btn btn-primary waves-effect waves-light ms-2" data-bs-toggle="modal" data-bs-target=".bs-example-modal-center">	Add New </a>
                                        </div>
                                    </div>

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

                        <div class="modal fade bs-example-modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">	Add New Activities </h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row mb-3">
                                            <label for="example-text-input" class="col-sm-4 col-form-label">Activity Name</label>
                                            <div class="col-sm-8">
                                                <input class="form-control" type="text" placeholder="Activity Name" id="example-text-input">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label for="example-text-input" class="col-sm-4 col-form-label">Location</label>

                                            <div class="col-sm-8">
                                                <input class="form-control" type="text" placeholder="Emirates" id="example-text-input">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label for="example-text-input" class="col-sm-4 col-form-label">Time From </label>

                                            <div class="col-sm-8">
                                                <input class="form-control" type="time" value="13:45:00" id="example-time-input">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label for="example-text-input" class="col-sm-4 col-form-label">Time To</label>

                                            <div class="col-sm-8">
                                                <input class="form-control" type="time" value="13:45:00" id="example-time-input">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label for="example-text-input" class="col-sm-4 col-form-label">	Duration</label>

                                            <div class="col-sm-8">
                                                <input class="form-control" type="number" value="42" id="example-number-input">
                                            </div>
                                        </div>
                                       
                                       
                                        <div class="row mb-3">
                                            <label for="example-text-input" class="col-sm-4 col-form-label"> Status </label>

                                            <div class="col-sm-8">
                                                <select class="form-select" aria-label="Default select example">
                                                    <option selected="">Active</option>
                                                    <option value="1">Pending</option>
                                                   
                                                    </select>                                            </div>
                                        </div>
                                       
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary waves-effect waves-light">Submit</button>
                                        <button type="button" class="btn btn-light waves-effect" data-bs-dismiss="modal">Close</button>
                                    </div>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                        </div><!-- /.modal -->

                        <!-- end page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
        
                                   
        
                                        <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>Activity Name</th>
                                                <th>Location</th>
                                                <th>Time Frome</th>
                                                <th>Time To</th>
                                                <th>Duration</th>
                                                <th>Status </th>
                                          

                                            </tr>
                                            </thead>
        
        
                                            <tbody>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                            <tr>
                                                <td>Hiking & Trekking</td>
                                                <td>Dubai </td>
                                                <td>12 PM</td>
                                                <td>6 PM</td>
                                                <td>6</td>
                                                <td>Active</td>
                                             

                                            </tr>
                                      
                                           
                                         
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div> <!-- end row -->

    
                    </div>
                    
                </div>
                <!-- End Page-content -->

                
@include('admin.footer')
