@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('meetings.attachment') !!}
@endsection
@section('content')
    <a href="{{ url('meetings') }}"><button type="button" class="btn btn-dark" style="margin-bottom: 10px; color: #0A0A0A"><i
                class="glyphicon glyphicon-chevron-left"></i>Voltar</button></a>
    <div class="the-box rounded">
        @include('flash::message')

        <!-- Form Section -->
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">Adicionar Novo Anexo</h4>
                    </div>
                    <div class="panel-body">
                        {!! Form::open([
                            'route' => ['meetings.attachament.upload', $meeting->id],
                            'method' => 'post',
                            'files' => 'true',
                            'class' => 'form-horizontal'
                        ]) !!}
                        <div class="form-group">
                            <label class="col-md-2 control-label">Nome do anexo:</label>
                            <div class="col-md-4">
                                {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => 'Digite o nome do anexo']) !!}
                            </div>
                            <label class="col-md-2 control-label">Arquivo:</label>
                            <div class="col-md-4">
                                {!! Form::file('file[]', [
                                    'multiple' => true,
                                    'class' => 'form-control',
                                    'accept' => '.pdf,.doc,.docx,.txt,.jpg,.jpeg,.png',
                                ]) !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12 text-right">
                                <button type="submit" class="btn btn-success">Incluir Anexo</button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>

        <!-- Table Section -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">Lista de Anexos</h4>
                    </div>
                    <div class="panel-body">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th width="80%">Nome</th>
                                    <th width="20%" align="center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($meeting_files as $file)
                                    @php
                                        $isPdf = strtolower(pathinfo((string) $file->filename, PATHINFO_EXTENSION)) === 'pdf';
                                    @endphp
                                    <tr id="tr{{ $file->id }}">
                                        <td>{{ $file->name ?? 'Não informado' }}</td>
                                        <td align="center">
                                            <a target="_blank" rel="noopener noreferrer"
                                                href="{{ route('site.meetings.files.download', ['filename' => $file->filename]) }}">
                                                <span class="label label-info">{{ $isPdf ? 'Abrir PDF' : 'Download' }}</span>
                                            </a>
                                            <a style="text-decoration: none" id="delFile" onclick="deleteFile({{ $file->id }})">
                                                <span class="label label-danger">Excluir</span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        function deleteFile(id) {

            var r = confirm('Deseja realmente apagar?');
            if (r == true) {
                var url = "{{ url('/meetings-file-delete') }}/" + id;
                $.ajax({
                    method: "GET",
                    url: url,
                    dataType: "json"
                }).success(function(result) {
                    if (result == true)
                        $('#tr' + id).remove();
                });
            }
        }
    </script>
@endsection