@extends('ui-common.layouts.master')
@section('title')
@lang('Company')
@endsection
@section('css')
<!-- DataTable 1.11.5 -->
<link href="{{ url('css/DataTables_cdn/datatables.bootstrap5.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/DataTables_cdn/datatables.responsive.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/DataTables_cdn/datatables.buttons.min.css') }}" rel="stylesheet" />
<!-- select2@4.1.0 -->
<link href="{{ url('css/Select2_cdn/select2.min.css') }}" rel="stylesheet" />
<!-- font-awesome-6.7.2 -->
<link href="{{ url('css/font-awesome_cdn/font-awesome.min.css') }}" rel="stylesheet" />
<!-- SweetAlert2 CSS -->
<link href="{{ url('css/sweetalert-2@11.0.20/sweetalert2.min.css') }}" rel="stylesheet">
<link href="{{ url('css/equipment/equipment.index.css') }}" rel="stylesheet" />

@endsection
@section('content')
@component('tenants.components.breadcrumb')
@slot('li_1')
Company
@endslot
@slot('title')
Company
@endslot
@endcomponent

<div class="row">
    <div class="col-12 p-0">
        <div class="card">
            <div class="px-3 pt-3 flex-wrap">
                <div class="row">
                    <div class="col-auto my-auto d-flex gap-2 mb-3">
                        <div class="ctl-pag-tit-con mb-0">
                            Company
                        </div>

                    </div>
                    <div class="ms-lg-auto mb-3 w-225 filter_list">
                        <div class="ctl-input-field">
                            <span class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                                    fill="none">
                                    <g clip-path="url(#clip0_224_12492)">
                                        <path
                                            d="M6.60568 0C2.96341 0 0 2.96341 0 6.60568C0 10.2482 2.96341 13.2114 6.60568 13.2114C10.2482 13.2114 13.2114 10.2482 13.2114 6.60568C13.2114 2.96341 10.2482 0 6.60568 0ZM6.60568 11.9919C3.63577 11.9919 1.21951 9.57562 1.21951 6.60571C1.21951 3.6358 3.63577 1.21951 6.60568 1.21951C9.57559 1.21951 11.9919 3.63577 11.9919 6.60568C11.9919 9.57559 9.57559 11.9919 6.60568 11.9919Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M14.8215 13.9588L11.3255 10.4628C11.0873 10.2246 10.7015 10.2246 10.4633 10.4628C10.2251 10.7008 10.2251 11.087 10.4633 11.325L13.9593 14.821C14.0158 14.8777 14.083 14.9227 14.157 14.9533C14.231 14.984 14.3103 14.9997 14.3904 14.9996C14.4705 14.9997 14.5498 14.984 14.6237 14.9533C14.6977 14.9227 14.7649 14.8777 14.8215 14.821C15.0597 14.583 15.0597 14.1968 14.8215 13.9588Z"
                                            fill="#868C98"></path>
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_224_12492">
                                            <rect width="15" height="15" fill="white"></rect>
                                        </clipPath>
                                    </defs>
                                </svg>
                            </span>
                            <input autocomplete="off" type="text" name="search" class="form-control"
                                placeholder="Search" aria-label="search" aria-describedby="addon-wrapping">
                        </div>
                    </div>
                    <div class="dropdown dropdown_content w-135 filter_list">
                        <button class="dropdown-toggle toggle_btn" type="button" id="dropdownMenuButton"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 20"
                                fill="none">
                                <path
                                    d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                    fill="#96A5B8"></path>
                            </svg><span class="selected-text">Location</span> 
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <li><a class="dropdown-item" href="#">India</a></li>
                            <li><a class="dropdown-item" href="#">USA</a></li>
                        </ul>
                    </div>
                    <div class="col-auto">
                        <a href="" id="addRow" class="btn btn_primary">Add Company <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 21" fill="none">
                            <g clip-path="url(#clip0_107_415)">
                                <path d="M5.83333 12.4362C5.83333 12.6572 5.74554 12.8692 5.58926 13.0255C5.43297 13.1817 5.22101 13.2695 5 13.2695H4.16667C3.94565 13.2695 3.73369 13.1817 3.57741 13.0255C3.42113 12.8692 3.33333 12.6572 3.33333 12.4362C3.33333 12.2152 3.42113 12.0032 3.57741 11.8469C3.73369 11.6907 3.94565 11.6029 4.16667 11.6029H5C5.22101 11.6029 5.43297 11.6907 5.58926 11.8469C5.74554 12.0032 5.83333 12.2152 5.83333 12.4362ZM9.16667 11.6029H8.33333C8.11232 11.6029 7.90036 11.6907 7.74408 11.8469C7.5878 12.0032 7.5 12.2152 7.5 12.4362C7.5 12.6572 7.5878 12.8692 7.74408 13.0255C7.90036 13.1817 8.11232 13.2695 8.33333 13.2695H9.16667C9.38768 13.2695 9.59964 13.1817 9.75592 13.0255C9.9122 12.8692 10 12.6572 10 12.4362C10 12.2152 9.9122 12.0032 9.75592 11.8469C9.59964 11.6907 9.38768 11.6029 9.16667 11.6029ZM5 14.9362H4.16667C3.94565 14.9362 3.73369 15.024 3.57741 15.1803C3.42113 15.3366 3.33333 15.5485 3.33333 15.7695C3.33333 15.9905 3.42113 16.2025 3.57741 16.3588C3.73369 16.5151 3.94565 16.6029 4.16667 16.6029H5C5.22101 16.6029 5.43297 16.5151 5.58926 16.3588C5.74554 16.2025 5.83333 15.9905 5.83333 15.7695C5.83333 15.5485 5.74554 15.3366 5.58926 15.1803C5.43297 15.024 5.22101 14.9362 5 14.9362ZM9.16667 14.9362H8.33333C8.11232 14.9362 7.90036 15.024 7.74408 15.1803C7.5878 15.3366 7.5 15.5485 7.5 15.7695C7.5 15.9905 7.5878 16.2025 7.74408 16.3588C7.90036 16.5151 8.11232 16.6029 8.33333 16.6029H9.16667C9.38768 16.6029 9.59964 16.5151 9.75592 16.3588C9.9122 16.2025 10 15.9905 10 15.7695C10 15.5485 9.9122 15.3366 9.75592 15.1803C9.59964 15.024 9.38768 14.9362 9.16667 14.9362ZM5 4.9362H4.16667C3.94565 4.9362 3.73369 5.024 3.57741 5.18028C3.42113 5.33656 3.33333 5.54852 3.33333 5.76953C3.33333 5.99054 3.42113 6.20251 3.57741 6.35879C3.73369 6.51507 3.94565 6.60286 4.16667 6.60286H5C5.22101 6.60286 5.43297 6.51507 5.58926 6.35879C5.74554 6.20251 5.83333 5.99054 5.83333 5.76953C5.83333 5.54852 5.74554 5.33656 5.58926 5.18028C5.43297 5.024 5.22101 4.9362 5 4.9362ZM9.16667 4.9362H8.33333C8.11232 4.9362 7.90036 5.024 7.74408 5.18028C7.5878 5.33656 7.5 5.54852 7.5 5.76953C7.5 5.99054 7.5878 6.20251 7.74408 6.35879C7.90036 6.51507 8.11232 6.60286 8.33333 6.60286H9.16667C9.38768 6.60286 9.59964 6.51507 9.75592 6.35879C9.9122 6.20251 10 5.99054 10 5.76953C10 5.54852 9.9122 5.33656 9.75592 5.18028C9.59964 5.024 9.38768 4.9362 9.16667 4.9362ZM5 8.26953H4.16667C3.94565 8.26953 3.73369 8.35733 3.57741 8.51361C3.42113 8.66989 3.33333 8.88185 3.33333 9.10286C3.33333 9.32388 3.42113 9.53584 3.57741 9.69212C3.73369 9.8484 3.94565 9.9362 4.16667 9.9362H5C5.22101 9.9362 5.43297 9.8484 5.58926 9.69212C5.74554 9.53584 5.83333 9.32388 5.83333 9.10286C5.83333 8.88185 5.74554 8.66989 5.58926 8.51361C5.43297 8.35733 5.22101 8.26953 5 8.26953ZM9.16667 8.26953H8.33333C8.11232 8.26953 7.90036 8.35733 7.74408 8.51361C7.5878 8.66989 7.5 8.88185 7.5 9.10286C7.5 9.32388 7.5878 9.53584 7.74408 9.69212C7.90036 9.8484 8.11232 9.9362 8.33333 9.9362H9.16667C9.38768 9.9362 9.59964 9.8484 9.75592 9.69212C9.9122 9.53584 10 9.32388 10 9.10286C10 8.88185 9.9122 8.66989 9.75592 8.51361C9.59964 8.35733 9.38768 8.26953 9.16667 8.26953ZM20 9.10286V16.6029C19.9987 17.7075 19.5593 18.7666 18.7782 19.5477C17.997 20.3288 16.938 20.7682 15.8333 20.7695H4.16667C3.062 20.7682 2.00296 20.3288 1.22185 19.5477C0.440735 18.7666 0.00132321 17.7075 0 16.6029L0 4.9362C0.00132321 3.83154 0.440735 2.7725 1.22185 1.99138C2.00296 1.21027 3.062 0.770854 4.16667 0.769531L9.16667 0.769531C10.2713 0.770854 11.3304 1.21027 12.1115 1.99138C12.8926 2.7725 13.332 3.83154 13.3333 4.9362H15.8333C16.938 4.93752 17.997 5.37693 18.7782 6.15805C19.5593 6.93916 19.9987 7.9982 20 9.10286ZM4.16667 19.1029H11.6667V4.9362C11.6667 4.27316 11.4033 3.63727 10.9344 3.16843C10.4656 2.69959 9.82971 2.4362 9.16667 2.4362H4.16667C3.50363 2.4362 2.86774 2.69959 2.3989 3.16843C1.93006 3.63727 1.66667 4.27316 1.66667 4.9362V16.6029C1.66667 17.2659 1.93006 17.9018 2.3989 18.3706C2.86774 18.8395 3.50363 19.1029 4.16667 19.1029ZM18.3333 9.10286C18.3333 8.43982 18.0699 7.80394 17.6011 7.3351C17.1323 6.86626 16.4964 6.60286 15.8333 6.60286H13.3333V19.1029H15.8333C16.4964 19.1029 17.1323 18.8395 17.6011 18.3706C18.0699 17.9018 18.3333 17.2659 18.3333 16.6029V9.10286ZM15.8333 11.6029C15.6685 11.6029 15.5074 11.6517 15.3704 11.7433C15.2333 11.8349 15.1265 11.965 15.0634 12.1173C15.0004 12.2696 14.9839 12.4371 15.016 12.5988C15.0482 12.7604 15.1275 12.9089 15.2441 13.0255C15.3606 13.142 15.5091 13.2214 15.6708 13.2535C15.8324 13.2857 16 13.2692 16.1522 13.2061C16.3045 13.143 16.4347 13.0362 16.5262 12.8992C16.6178 12.7621 16.6667 12.601 16.6667 12.4362C16.6667 12.2152 16.5789 12.0032 16.4226 11.8469C16.2663 11.6907 16.0543 11.6029 15.8333 11.6029ZM15.8333 14.9362C15.6685 14.9362 15.5074 14.9851 15.3704 15.0766C15.2333 15.1682 15.1265 15.2984 15.0634 15.4506C15.0004 15.6029 14.9839 15.7705 15.016 15.9321C15.0482 16.0938 15.1275 16.2422 15.2441 16.3588C15.3606 16.4753 15.5091 16.5547 15.6708 16.5869C15.8324 16.619 16 16.6025 16.1522 16.5394C16.3045 16.4764 16.4347 16.3695 16.5262 16.2325C16.6178 16.0955 16.6667 15.9343 16.6667 15.7695C16.6667 15.5485 16.5789 15.3366 16.4226 15.1803C16.2663 15.024 16.0543 14.9362 15.8333 14.9362ZM15.8333 8.26953C15.6685 8.26953 15.5074 8.31841 15.3704 8.40997C15.2333 8.50154 15.1265 8.63169 15.0634 8.78396C15.0004 8.93623 14.9839 9.10379 15.016 9.26544C15.0482 9.42709 15.1275 9.57558 15.2441 9.69212C15.3606 9.80866 15.5091 9.88803 15.6708 9.92019C15.8324 9.95234 16 9.93584 16.1522 9.87276C16.3045 9.80969 16.4347 9.70288 16.5262 9.56584C16.6178 9.4288 16.6667 9.26768 16.6667 9.10286C16.6667 8.88185 16.5789 8.66989 16.4226 8.51361C16.2663 8.35733 16.0543 8.26953 15.8333 8.26953Z" fill="#fff"/>
                            </g>
                            <defs>
                                <clipPath id="clip0_107_415">
                                <rect width="20" height="20" fill="white" transform="translate(0 0.769531)"/>
                                </clipPath>
                            </defs>
                            </svg></a>
                    </div>
                </div>
            </div>
            <div class="card-body common_datatable_theme table_search_custom common_search_emp scroll_box">
                <table id="subscriptions-table-list" class=" table theme_table dt-responsive nowrap align-middle  "
                    style="width:100%">
                    <thead>
                        <tr>
                            <th scope="col" style="width: 10px;" class="head-bottom-left-radius">
                                <div class="form-check ctl-tab-hdr-che">
                                    <input class="form-check-input fs-14 cursor-pointer check_All" type="checkbox"
                                        id="checkAll" value="option">
                                </div>
                            </th>
                            <th class="head-bottom-right-radius">Logo</th>
                            <th data-ordering="false">First Name</th>
                            <th data-ordering="false">Last Name</th>
                            <th data-ordering="false">Email</th>
                            <th data-ordering="false">Company Name</th>
                            <th data-ordering="false">Domain Name</th>
                            <th>Country</th>
                            <th data-ordering="false">Phone Number</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="ctl-row-information">
                            <td>
                                <div class="form-check ctl-tab-hdr-che">
                                    <input class="form-check-input fs-14 cursor-pointer individual" type="checkbox"
                                        name="checkAll" value="1">
                                </div>
                            </td>
                            <td class="position-relative"><div class="position-relative profile-img">
                            <img src="https://robin.archesdevelopment.com/images/logo-light.png" alt="logo" class="rounded-circle" style="width: 40px; height: 40px;object-fit: cover;">
                        </div></td>
                            <td>Anant</td>
                            <td>Kumar</td>
                            <td>Testing@gmail.com</td>
                            <td>Demo</td>
                            <td>
                                <div class="url-text">
                                    http://manish.localhost/ets-saas/public/ui/company-list
                                </div>
                            </td>
                            <td>India</td>
                            <td> 9876265278</td>
                        </tr>
                        <tr class="ctl-row-information">
                            <td>
                                <div class="form-check ctl-tab-hdr-che">
                                    <input class="form-check-input fs-14 cursor-pointer individual" type="checkbox"
                                        name="checkAll" value="1">
                                </div>
                            </td>
                            <td class="position-relative"><div class="position-relative profile-img">
                            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ0qCreqkTZL0F0bF9kZctFE1XVFocO__70kw&s" alt="logo" class="rounded-circle" style="width: 40px; height: 40px;object-fit: cover;">
                        </div></td>
                            <td>Anant</td>
                            <td>Kumar</td>
                            <td>Testing@gmail.com</td>
                            <td>Demo</td>
                            <td> <div class="url-text">
                                    http://manish.localhost/ets-saas/public/ui/company-list
                                </div></td>
                            <td>India</td>
                            <td> 9876265278</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--end col-->
</div>
<!--end row-->
@endsection
@section('script')
<script src="{{ url('js/jquery-3.6.0_cdn/jquery.min.js') }}"></script>
<script src="{{ url('js/select2@4.1.0/select2.min.js') }}"></script>
<script src="http://sat.localhost/ets-saas/public/js/app.js"></script>
<script src="{{ url('js/datatable-1.11.5_cdn/datatables.jquery.min.js') }}"></script>
<script src="{{ url('js/datatable-1.11.5_cdn/datatables.bootstrap5.min.js') }}"></script>
<script src="{{ url('js/datatable-1.11.5_cdn/datatables.responsive.min.js') }}"></script>
<script src="{{ url('js/jquery-validate-1.19.3/jquery-validate.min.js') }}"></script>

<script>
$(document).ready(function() {
    // Initialize Select2
    $('.select-multi').select2();
    $(".select2").select2();
    // Initialize DataTable
    var table = $('#subscriptions-table-list').DataTable({
        paging: true,
        searching: false,
        pagingType: "simple_numbers",
        scrollCollapse: true,
        info: true,
        responsive: false,
        scrollX: true,
        ordering: false,
        language: {
            paginate: {
                previous: '<span class="fa fa-chevron-left"></span>',
                next: '<span class="fa fa-chevron-right"></span>'
            }
        }
    });

    // Reinitialize Select2 when Offcanvas is shown
    $('#offcanvasRight').on('shown.bs.offcanvas', function() {
        $(".select2").select2();
    });

    // Fix Select2 dropdown z-index issue inside modal/offcanvas
    $(document).on('click', '.cmp-clk-fil-sec .select2', function() {
        $('.select2-container .select2-dropdown').addClass('ctl-fil-sel2-zin');
    });
    $(".dropdown").each(function () {
        let dropdown = $(this);
        dropdown.find(".dropdown-item").click(function (event) {
            event.preventDefault();
            let selectedText = $(this).text();
            let button = dropdown.find(".dropdown-toggle");
            let iconHtml = button.find("svg").prop("outerHTML");
            if (button.find("span.selected-text").length === 0) {
                button.append(' <span class="selected-text"></span>');
            }
            button.find("span.selected-text").text(selectedText);
            button.addClass("selected");
            dropdown.find(".dropdown-item").removeClass("selected-option").find(".tick-mark").remove();
            $(this).addClass("selected-option").append(`
                <span class="tick-mark">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                        <path d="M16.6666 5L7.49992 14.1667L3.33325 10" stroke="#1F5EFF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </span>
            `);
        });
    });
});
</script>
@endsection