@extends('admin.layouts.app')
@include('admin.nav')
@section('main')
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="breadcrumb-main">
                <h4 class="text-capitalize breadcrumb-title">Manage Services</h4>
                <div class="breadcrumb-action justify-content-center flex-wrap">
                    <div class="dropdown action-btn">
                        <button class="btn btn-sm btn-default btn-white dropdown-toggle" type="button"
                            id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="la la-download"></i> Export
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                            <span class="dropdown-item">Export With</span>
                            <div class="dropdown-divider"></div>
                            <a href="#" class="dropdown-item">
                                <i class="la la-file-text"></i> Google Sheets</a>
                            <a href="#" class="dropdown-item">
                                <i class="la la-file-excel"></i> Excel (XLSX)</a>
                            <a href="#" class="dropdown-item">
                                <i class="la la-file-csv"></i> CSV</a>
                        </div>
                    </div>
                    <div class="action-btn">
                        <a href="{{route('service-create')}}" class="btn btn-sm btn-primary btn-add">
                            <i class="la la-plus"></i> Add New</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="row">
        <div class="col-12 mb-30">

            <div class="card mb-25">
                
                <div class="card-body p-0">
                    <div class="drag-drop-wrap">
                        <div class="drag-drop table-responsive-lg bg-white w-100 mb-30">
                            <table class="table mb-0 table-borderless table-rounded">
                                <thead>
                                    <th style="width:70px;">S No.</th>
                                    <th style="width:25%;">Title</th>
                                    <th style="width:25%;">Sub-title</th>
                                    <th>Category</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </thead>
                                <tbody>
                                    <tr class="draggable" draggable="true">
                                        <td style="width:70px;">1</td>
                                        <td style="width:25%;">A TO Z OF IND-US BUSINESS SETUP BY STARTUP MOVERS & AVA INSIGHTS</td>
                                        <td style="width:25%;">A TO Z OF IND-US BUSINESS SETUP BY STARTUP MOVERS & AVA INSIGHTS</td>
                                        <td>Photon Legal</td>
                                        <td>26-10-2023</td>
                                        <td>
                                            <label class="switch">
                                              <input type="checkbox">
                                              <span class="slider round"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <div class="table-actions">
                                                <a href="#">
                                                    <span data-feather="edit"></span>
                                                </a>
                                                <a href="#">
                                                    <span data-feather="trash-2"></span>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="draggable" draggable="true">
                                        <td style="width:70px;">2</td>
                                        <td style="width:25%;">A TO Z OF IND-US BUSINESS SETUP BY STARTUP MOVERS & AVA INSIGHTS</td>
                                        <td style="width:25%;">A TO Z OF IND-US BUSINESS SETUP BY STARTUP MOVERS & AVA INSIGHTS</td>
                                        <td>Photon Legal</td>
                                        <td>26-10-2023</td>
                                        <td>
                                            <label class="switch">
                                              <input type="checkbox">
                                              <span class="slider round"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <div class="table-actions">
                                                <a href="#" class="edit-btn">
                                                    <span data-feather="edit"></span>
                                                </a>
                                                <a class="del-btn" href="#">
                                                    <span data-feather="trash-2"></span>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ends: card -->

        </div>
    </div>
</div>
@endsection