<div class="row">
    @if($files !== null)
        @foreach($files as $k=>$file)
            <div class="col-4">
                <div class="card mt-2" style="width: 100%;">
                    @php
                        ($file->file_name !== null && !is_a($file->file_name,'stdClass'))? ($value = $file->file_name): $value = '';
                        ($file->file_name !== null && !is_a($file->file_name,'stdClass'))? ($src = asset('storage/'.$file->file_path.'/'.$file->file_name)): $src = '';
                        $inputName = $file->getTable().'['.$file->id.']'
                    @endphp
                    <div class="card-body">
                        @if($file->file_name !== null)
                            <audio controls>
                                <source
                                    src="{!! $src !!}"
                                    type="audio/mp3">
                            </audio>
                            <input name="{!! $inputName.'[file_name]' !!}" value="{!! $value !!}" hidden>
                            <input name="{!! $inputName.'[file_path]' !!}" value="{!! $file->file_path !!}" hidden>
                            <div class="form-group mt-2">
                                <div class="form-group">
                                    <p class="mt-2">
                                        <em>{!! $value !!}</em>
                                    </p>
                                </div>
                            </div>
                            @if($file->translate !== null)
                                @include('adminpanel.elements.input-one', [ 'type'=>'input', 'inputName_Prepend' => (new \App\Models\Translate())->getTable().'['.$file->translate->id.']',
                                                                     'inputName_Title'=>'ru_text', 'inputModel'=>$file->translate->ru_text,
                                                                     'inputHeader'=>'Заголовок (Рус)', 'headerCard'=>false])
                                @include('adminpanel.elements.input-one', [ 'type'=>'input', 'inputName_Prepend' => (new \App\Models\Translate())->getTable().'['.$file->translate->id.']',
                                                                      'inputName_Title'=>'en_text', 'inputModel'=>$file->translate->en_text,
                                                                      'inputHeader'=>'Заголовок (Анг)', 'headerCard'=>false])
                            @endif
                        @endif
                    </div>
                    <div class="card-footer">
                        <a class="btn btn-danger float-right" href="{{ route('deleteFile',['file'=>$file->id]) }}">Удалить
                            аудио</a>
                    </div>
                </div>
            </div>
        @endforeach
    @endif
        <div class="col-4">
            <div class="card mt-2 list-group-item-success" style="width: 100%;">
                <div class="card-header bg">
                    Добавить аудио
                </div>
                <div class="card-body">
                    <div class="custom-file mt-2">
                        <input type="file" class="custom-file-input" onchange="this.form.submit()"
                               name="{!! (new App\Models\File())->getTable().'[0][file_name]' !!}">
                        <input type="text"
                               name="{!! (new App\Models\File())->getTable().'[0][file_path]' !!}"
                               value="{{$filePath}}" hidden>
                        <input type="text"
                               name="{!! (new App\Models\File())->getTable().'[0][model]' !!}"
                               value="{!! $parentModelName !!}" hidden>
                        <input name="{!! (new App\Models\File())->getTable().'[0][model_id]' !!}"
                               value="{!! $parentModelId !!}" hidden>
                        <input name="{!! (new App\Models\File())->getTable().'[0][key]' !!}"
                               value="{!! $key !!}" hidden>
                        <label class="custom-file-label" for="image-{!! $parentModelName !!}">Выберите
                            файл</label>
                    </div>
                </div>
            </div>
        </div>
</div>
