<html>
<x-head />

<body class="body">
    <x-header />

    <div class="main">
        <div class="container">
            <section id="menu">
                <li><h3>Звонки</h3>
                @if (Auth::user()->role == 'user') 
                <a href="{{Route('calina')}}"><button class="butcall">Позвонить</button></a>
                @endif
                <!-- <a href="">Добавить абонента</a> -->
            </li> 
            @foreach ($calls as $call)
                <li class="ap">
                    <p>Номер: {{$call->abonent->user->number}}</p>
                    <p>Дата звонка: {{$call->datecall}}</p>
                    <p>Время разговора: {{$call->timecall}}</p>
                    <p>Номер собеседника: {{$call->number}}</p>
                    <p>Цена: {{$call->price}} руб.</p>
                    <!-- <a href="{{Route('index')}}"><button class="but">Изменить</button></a> -->
                </li>
                @endforeach
            </section>
        </div>
    </div>

</body>

</html>