@extends('layouts.admin-layout')
@section('content')
    <style>
        .accordion-button:not(.collapsed)
        {
            color:#006147;
            background-color: rgb(255, 255, 255);
            box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)
        }
        .accordion-button:focus {
            z-index: 3;
            border-color: #006147;
            outline: 0;
            box-shadow: 0 0 0 0.25rem #006147;
        }

    </style>
    <div class="container">
        <h2>Экран Приема</h2>
        <br>
        <a href="{{ route('admin-reception-screen.create') }}" class="btn btn-primary">Создать пункт Экрана приема</a>
        <br>
        <br>
        <table class="table">
            <thead class="border-b-2 border-solid border-black text-left" style="text-align: left">
            <tr>

                <th scope="col">Позиция</th>
                <th scope="col">Название</th>
                <th scope="col">действия</th>
                <th scope="col"></th>
            </tr>
            </thead>
            <tbody class="accordion" id="accordionExample">
            @foreach($receptionScreens as $receptionScreen)
                    <?php $accordion_tmp = str_replace(' ','', $receptionScreen->name) ?>
                <tr class="accordion-item ">

                    <th scope="row">{{ $receptionScreen->position }}</th>
                    <td>{{ $receptionScreen->name }}</td>
                    <td><a href="{{ route("admin-reception-screen.edit", $receptionScreen) }}" class="btn btn-secondary">редактировать</a>
                        <a rel="nofollow" data-method="delete" data-confirm="Вы действительно хотите удалить?"
                           href="{{ route('admin-reception-screen.destroy', $receptionScreen) }}" class="btn btn-danger">
                            удалить
                        </a>
                    </td>
                    <th class="accordion-header" id="heading<?php echo $accordion_tmp ?>">
                        <button class="accordion-button collapsed btn btn-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<?php echo $accordion_tmp ?> " aria-expanded="false" aria-controls="collapse<?php echo $accordion_tmp ?>">
                            Показать
                        </button>
                    </th>
                    @if(count($receptionScreen->files) !== 0)
                </tr>
                <tr>
                    <td colspan="3">
                        <table class="table table-bordered accordion-collapse collapse" id="collapse<?php echo $accordion_tmp ?>" aria-labelledby="heading<?php echo $accordion_tmp ?>" data-bs-parent="#accordionExample">

                            <thead class="accordion-body">
                            <tr>
                                <th scope="col">Позиция</th>
                                <th scope="col">Имя Файла</th>
                                <th scope="col">действия</th>


                            </tr>
                            </thead>
                            <tbody>

                            @foreach($receptionScreen->files->sortBy('position') as $file)
                                <tr>
                                    <th scope="row">{{ $file->position }}</th>
                                    <td>{{ $file->name }}</td>
                                    <td><a href="{{ route("files.edit", $file) }}"
                                           class="btn btn-secondary">редактировать</a>
                                        <a rel="nofollow" data-method="delete"
                                           data-confirm="Вы действительно хотите удалить?"
                                           href="{{ route('files.destroy', $file) }}"
                                           class="btn btn-danger">
                                            удалить
                                        </a>
                                    </td>
                                </tr>

                            @endforeach
                            <tr class=" border border-white border-bottom-0 border-start-0 border-end-0">
                                <td colspan="3"><div class="mb-2">
                                        <a href="{{ route('files_create', $receptionScreen->id) }}"
                                           class="btn btn-primary">
                                            Добавить файл
                                        </a>
                                    </div></td>

                            </tr>

                            </tbody>


                        </table>


                    </td>
                </tr>
                @else
                    <tr>
                        <td colspan="3">
                            @php($idReceptionScreen = $receptionScreen->id)
                            <a href="{{ route('files_create', $idReceptionScreen) }}" class="btn btn-primary">Добавить
                                файл</a>
                        </td>
                    </tr>
                @endif
            @endforeach
            </tbody>
        </table>
        <br>
        <br>
    </div>


























@endsection