@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']) !!}
                            </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)
                                    <tr id="tr{{ $file->id }}">
                                        <td>{{ $file->name ?? 'Não informado' }}</td>
                                        <td align="center">
                                            <a target="_blank"
                                                href="https://superlegis.nyc3.digitaloceanspaces.com/{{ $file->filename }}">
                                                <span class="label label-info">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