

<?php $__env->startSection('title'); ?>
Services
<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumb'); ?>
<div class="row page-title align-items-center">
    <div class="col-lg-3 col-xl-6">
        
        <h4 class="mb-1 mt-0">Services List</h4>
    </div>
    <div class="col-lg-9 col-xl-6 text-md-right">
        <div class="mt-4 mt-md-0">
            <button type="button" class="btn btn-dark mr-4 mb-3  mb-sm-0" data-toggle="modal"
                data-target="#createServicesModal"><i class="uil-plus mr-1"></i> Create
                Service</button>

            <div class="btn-group mb-3 mb-sm-0">
                <button type="button" class="btn btn-info">All</button>
            </div>
            <div class="btn-group ml-1">
                <button type="button" class="btn btn-white">In progress</button>
                <button type="button" class="btn btn-white">Available</button>
                <button type="button" class="btn btn-white">Not available</button>
            </div>
            

        </div>
    </div>
    <!-- Service modal content -->
    <div id="createServicesModal" class="modal fade" tabindex="-1" role="dialog"
        aria-labelledby="createServicesModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="createServicesModalLabel">Create Services</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group mb-3">
                        <label>Name</label>
                        <input type="text" id="name" name="name" class="form-control" placeholder="Enter name">
                    </div>
                    <div class="form-group mb-3">
                        <label>Type</label>
                        <select class="custom-select mb-2">
                            <option selected>Select Type</option>
                            <option value="1">Parent category</option>
                            <option value="2">Child category</option>
                        </select>
                    </div>
                    <div class="form-group mb-3">
                        <label>Status</label>
                        <select class="custom-select mb-2">
                            <option selected>Select Status</option>
                            <option value="1">In progress</option>
                            <option value="2">Available</option>
                            <option value="3">Not Available</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<!-- products -->
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <div class="table-responsive mt-4">
                    <table class="table table-hover table-nowrap mb-0">
                        <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Service</th>
                                <th scope="col">Service Type</th>
                                <th scope="col">Status</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>#98754</td>
                                <td>Invest, Finance & Value</td>
                                <td>Parent category</td>
                                <td><span class="badge badge-soft-warning py-1">In progress</span></td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Service">
                                        <i class="uil uil-edit " data-toggle="modal"
                                            data-target="#editServiceModal"></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Service">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98753</td>
                                <td>Design & Build</td>
                                <td>Parent category</td>
                                <td><span class="badge badge-soft-success py-1">Available</span>
                                </td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Service">
                                        <i class="uil uil-edit " data-toggle="modal"
                                            data-target="#editServiceModal"></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Service">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98752</td>
                                <td>Interior design</td>
                                <td>Child category</td>
                                <td><span class="badge badge-soft-danger py-1">Not available</span>
                                </td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Service">
                                        <i class="uil uil-edit " data-toggle="modal"
                                            data-target="#editServiceModal"></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Service">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98751</td>
                                <td>Design & Build N</td>
                                <td>Parent category</td>
                                <td><span class="badge badge-soft-success py-1">Available</span>
                                </td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Service">
                                        <i class="uil uil-edit " data-toggle="modal"
                                            data-target="#editServiceModal"></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Service">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98750</td>
                                <td>Construction</td>
                                <td>Parent category</td>
                                <td><span class="badge badge-soft-danger py-1">Not available</span>
                                </td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Service">
                                        <i class="uil uil-edit " data-toggle="modal"
                                            data-target="#editServiceModal"></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Service">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div> <!-- end table-responsive-->
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
</div>
<!-- end row -->

<!-- Service modal content -->
<div id="editServiceModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="editServicesModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editServicesModalLabel">Edit Service</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group mb-3">
                    <label>Name</label>
                    <input type="text" id="name" name="name" class="form-control" placeholder="Enter name">
                </div>
                <div class="form-group mb-3">
                        <label>Type</label>
                        <select class="custom-select mb-2">
                            <option selected>Select Type</option>
                            <option value="1">Parent category</option>
                            <option value="2">Child category</option>
                        </select>
                    </div>
                    <div class="form-group mb-3">
                        <label>Status</label>
                        <select class="custom-select mb-2">
                            <option selected>Select Status</option>
                            <option value="1">In progress</option>
                            <option value="2">Available</option>
                            <option value="3">Not Available</option>
                        </select>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- end row -->

<?php $__env->stopSection(); ?>



<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH G:\php\www\laravel\baramdat\hvg\hvg\resources\views/general/services.blade.php ENDPATH**/ ?>