@extends('layouts.app')

@section('content')

    <!-- CONTENT WRAPPER START -->
    <div class="content-wrapper">
        <!-- Add Task Export Buttons Start -->
        <div class="d-block d-lg-flex d-md-flex justify-content-between action-bar dd">
            <div id="table-actions" class="flex-grow-1 align-items-center">
                <x-forms.link-primary :link="route('carriers.create')" class="mr-3 float-left mb-2 mb-lg-0 mb-md-0" icon="plus">
                    @lang('app.add')
                    @lang('app.carrier')
                </x-forms.link-primary>
            </div>
        </div>
    </div>

    <div class="content-wrapper">
        <!-- Task Box Start -->
        <div class="d-flex flex-column w-tables rounded mt-0 bg-white">

            <table class="table table-hover border-0 w-100 mb-0 px-3">
                <thead>
                    <tr>
                        <td>SL</td>
                        <td>Name</td>
                        <td>Status</td>
                        <td class="text-right">Action</td>
                    </tr>
                </thead>

                <tbody>

                    @foreach($listData as $key => $item)
                        <tr>
                            <td>{{ ($key+1) + ($listData->currentPage() - 1)*$listData->perPage() }}</td>
                            <td>{{ $item->name }}</td>
                            <td>
                                @if($item->status == 'Publish')
                                    <a class="badge badge-success custom-badge" data-toggle="tooltip" data-title="Make Unpublish" href="{{ route('carriers.status', $item->id) }}" >Publish</a>
                                @else
                                    <a class="badge badge-warning custom-badge" data-toggle="tooltip" data-title="Make Publish" href="{{ route('carriers.status', $item->id) }}" >Unpublish</a>
                                @endif
                            </td>
                            <td class="text-right">
                                <div class="task_view">
                                    <div class="dropdown">
                                        <a class="task_view_more d-flex align-items-center justify-content-center dropdown-toggle" type="link" id="dropdownMenuLink-4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="icon-options-vertical icons"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink-4" tabindex="0" x-placement="bottom-end">
                                            <a class="dropdown-item" href="{{route('carriers.edit',$item->id)}}">
                                                <svg class="svg-inline--fa fa-edit fa-w-18 mr-2" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="edit" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
                                                    <path fill="currentColor" d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path>
                                                </svg>
                                                Edit
                                            </a>
                                            <a class="dropdown-item data-del-btn" href="{{route('carriers.destroy', $item->id)}}?delete=1" data-user-id="4">
                                                <svg class="svg-inline--fa fa-trash fa-w-14 mr-2" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="trash" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
                                                    <path fill="currentColor" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
                                                </svg>Delete
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>

                <tfoot>
                    <tr>
                        <td>SL</td>
                        <td>Name</td>
                        <td>Status</td>
                        <td class="text-right">Action</td>
                    </tr>
                </tfoot>
            </table>

            @if($listData instanceof \Illuminate\Pagination\LengthAwarePaginator )
                <div class="w-100 border-top-grey d-flex justify-content-end px-4 py-3">
                    {!! $listData->links('sections.pagination') !!}
                </div>
            @endif
        </div>
        <!-- Task Box End -->
    </div>
    <!-- CONTENT WRAPPER END -->

@endsection

@push('scripts')
    <script>
        
    </script>
@endpush