@push('styles')
    <style>
        div#table-1_wrapper {
            max-width: 1000px;
            min-width: 1500px;
        }

        .theme-white .page-item.active .page-link {
            color: #274e75;
            background-color: #3abaf4;
            border-color: #3abaf4;
        }

        li.paginate_button.page-item.active {
            background-color: transparent !important;
        }

    </style>
@endpush
<div class="card">
    <div class="card-header">
        <a href="{{ route('company.create') }}" class="btn btn-info btn-lg">Add Make</a>
    </div>
    @if (session()->has('companymessage'))
        @php
            $message = json_decode(session()->get('companymessage'));
        @endphp
        <div class="alert alert-{{ $message->type }} alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>{{ $message->title }}</strong> {{ $message->message }}
        </div>
    @endif
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped company_table">

            
            <div class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer uu2u56u412c5">
                <div class="row">
                    <div class="col-sm-12 col-md-6">
                    <div class="dataTables_length"><label>Show <select onchange="attachDataTable('company_table',$(this));" name="DataTables_Table_6_length" aria-controls="DataTables_Table_6" class="form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label>
                </div>
            </div>
            <div class="col-sm-12 col-md-6"><div id="DataTables_Table_6_filter" class="dataTables_filter"><label>Search:<input  type="search" class="form-control form-control-sm" placeholder="" aria-controls="DataTables_Table_6" onkeyup="attachDataTable('company_table',$(this));"></label>
        
        </div></div></div></div>
                <thead>
                    <tr>
                        <th class="text-center">
                            #
                        </th>
                         <th class="sorting" onclick="attachDataTable('company_table',$(this));">Make</th>
                         <th class="sorting" onclick="attachDataTable('company_table',$(this));">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $start = $companies->firstItem();
                    @endphp
                    @forelse ($companies as $company)
                        <tr>
                            <td> {{ $start + $loop->index }} </td>
                            <td>{{ $company->name }}</td>
                            <td>
                                <a href="{{ route('company.update', ['company' => $company->id]) }}"
                                    class="btn btn-sm btn-info"><i class="fa fa-edit"></i></a>
                           
                                    
                                <a href="#" onclick="showDelete('deleteCompany','{{ $company->id }}')"
                                    class="btn btn-info"><i class="fa fa-trash"></i></a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" style="text-align:center;">No Data!</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        {{ $companies->links() }}
    </div>
</div>