@extends('Layouts.master')

@section('content')
    <div class="main-container pb-4" id="tables">
        @include('Partials.Pages.index_top')
        <table class="table table-striped">
            <thead>
                <th>@lang('category')</th>
                <th>@lang('name')</th>
                <th class="text-center">@lang('available')</th>
                <th class="text-center">@lang('lent')</th>
                <th class="text-center">@lang('reserved')</th>
                <th class="text-center">@lang('total')</th>
                <th>@lang('action')</th>
            </thead>
            <tbody>
            @foreach($data as $cabel)
                <tr>
                    <td class="align-middle">
                        @can('cabelCategories_view')
                            <a href="{{route('cabelCategories.show',['cabelCategory' => $cabel->category])}}"
                               target="_blank"
                               class="btn btn-success">
                                {{$cabel->category->name}}
                            </a>
                        @else
                            {{$cabel->category->name}}
                        @endcan
                    </td>
                    <td class="align-middle">
                        @can('cabels_view')
                            <a href="{{route('cabels.show',[$data_name => $cabel])}}" target="_blank"
                               class="btn btn-success">
                                {{$cabel->name}}
                            </a>
                        @else
                            {{$cabel->name}}
                        @endcan
                    </td>
                    <td class="align-middle text-center">
                        {{$cabel->total - (count($cabel->loans) + count($cabel->reservations))}}
                    </td>
                    <td class="align-middle text-center">
                        {{count($cabel->loans)}}
                    </td>
                    <td class="align-middle text-center">
                        {{count($cabel->reservations)}}
                    </td>
                    <td class="align-middle text-center">
                        {{$cabel->total}}
                    </td>
                    <td>
                        @can('cabels_edit')
                            <a href="{{route('cabels.edit',[$data_name => $cabel])}}"
                               class="btn btn-outline-success">@lang('edit')
                            </a>
                        @endcan
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        @include('Partials.Pages.display')
    </div>
@endsection
@section('scripting')
@endsection