@extends('layouts.template')

@section('top')
{{--    <style>--}}
{{--        table tr td.td2:last-child {--}}
{{--            word-break: break-word;--}}
{{--            border: 1px solid #0c5460;--}}
{{--        }--}}

{{--        table td,--}}
{{--        table th {--}}
{{--            padding: 15px 7px !important;--}}
{{--            text-align: center !important;--}}
{{--            font-size: 15px !important;--}}
{{--            margin: 5px;--}}
{{--        }--}}

{{--        table thead th {--}}
{{--            cursor: pointer;--}}
{{--        }--}}
{{--    </style>--}}
    <style>
        .table-widget-fixed{
            position: fixed;
            display: none;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 2;
        }
        .table-widget thead th,
        .table-widget thead td,
        .table-widget-fixed thead th,
        .table-widget-fixed thead td{
            border-color: #fff !important;
            color: #fff;
            background: #324148;
        }
        .sticky-buttons{
            position: fixed;
            display: block;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 2;
            background: #fff;
            padding: 10px 5px;
            border: 1px solid #dee2e6;
        }
        .table-widget tr:hover{
            background: rgba(70, 70, 70, .08) !important
        }
    </style>
@endsection

@section('content')
    <h2>Список заказчиков транспорта</h2>
    <a class="btn btn-success my-4" href="{{route('customers.create')}}" type="button">Добавить</a>
    @if(count($customers) > 0)
    <table class="table table-bordered table-widget">
        <tr>
            <th scope="col">Название</th>
            <th scope="col">Действия</th>
        </tr>
        @foreach($customers as $customer)
            <tr>
                <td scope="row">{{$customer['name']}}</td>
                <td scope="row">
                    <div class="d-inline-flex">
                    <a class="btn btn-outline-warning btn-group" href="{{route('customers.edit', $customer->id)}}" type="button">Редактировать</a>
                    <form class="ml-3" method="POST" action="{{ route('customers.destroy', $customer->id) }}">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-outline-danger">Удалить</button>
                    </form>
                    </div>
                </td>
            </tr>
        @endforeach
    </table>
    @else
        <h5>Записи не найдены</h5>
    @endif
@endsection

@section('footer')

@endsection