@extends('Admin.Views.edit')

@include('web::sidebar')

@section('editform')
    @php if (! isset($data)) { $old = old(); if (! empty($old)) { $data = $old; } else { $data = []; } } @endphp

    @if (isset($data['id']))
        <x-fieldhidden name='id' :data='$data' />
    @endif
    <div class="row">
        <div class="col-12 col-md-4">
            <x-fieldselect label='Tipo de Documento' name='type_id' :data='$data' :items='$model_info->types' itemtext='title' itemindex='id' />
        </div>
        <div class="col-12 col-md-4">
            <x-fieldselect label='Oficina' name='department_id' :data='$data' :items='$model_info->departments' itemtext='name' itemindex='id' template='templateSelectDepartments' datatags="parent_name, name" />
        </div>
        <div class="col-12 col-md-4">
            <x-fielddate label='Publicar' name='published' :data='$data' />
        </div>
    </div>
    <div class="row">
        <div class="col-12 col-md-6">
            <x-fieldtext label='Nombre' name='name' :data='$data' placeholder='Nombre' />
        </div>
        <div class="col-12 col-md-6">
            <x-fieldtext label='Número' name='number' :data='$data' placeholder='Número' />
        </div>
    </div>
    <x-fieldtextarea label='Descripción' name='description' :data='$data' />

    <x-fieldswitch label='Estado' name='status' :data='$data' />

    <div class="card" id="listadoAdjuntos">
        <div class="card-header">
            <h5 class="card-title">Archivos adjuntos</h5>
        </div>
        <div class="card-body">
            <table class="table table-stripped">
                <thead>
                    <tr>
                        <th>Título</th>
                        <th>Descripción</th>
                        <th>Fecha</th>
                        <th style="width:150px;">&nbsp;</th>
                    </tr>
                </thead>
                <tbody>
                    @if (isset($model_info->file))
                        @foreach ($model_info->file as $f)
                            <tr class="existentFile" id="adj_{{ $f['id'] }}">
                                <td>{{ $f['name'] }}</td>
                                <td>{{ $f['description'] }}</td>
                                <td>{{ $f['published'] }}</td>
                                <td>
                                    <a href="{{ $f['filename'] }}" target="_blank" class="btn btn-sm btn-success"><i class="mi-attachment"></i></a>
                                    <button type="button" class="btn btn-sm btn-danger ml-2" onclick="removeFile({{ $f['id'] }});"><i class="mi-close"></i></button>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Agregar archivos adjuntos</h5>
        </div>
        <div class="card-body">
            <div class="row" id="rowFiles">
                <div class="col-sm-12 mx-0 my-2 px-2 py-3 row itemFileRow" style="border: 1px solid #c3c3c3;" id="itemFileCopy">
                    <div class="col-sm-6">
                        <x-fieldtext label='Nombre' name='adj_name[1]' :data='[]' placeholder='Nombre' />
                    </div>
                    <div class="col-sm-6">
                        <x-fieldtext label='Descripción' name='adj_desc[1]' :data='[]' placeholder='Descripción' />
                    </div>
                    <div class="col-sm-6">
                        <x-fielddate label='Fecha' name='adj_pub[1]' :data='[]' placeholder='Fecha' />
                    </div>
                    <div class="col-sm-5">
                        <div class="form-group" style="overflow:hidden;">
                            <label class="text-primary font-weight-bold text-uppercase">Archivo</label>
                            <input type="file" name="adj_file[1]" value="">
                        </div>
                    </div>
                    <div class="col-sm-1">
                        <label>&nbsp;</label>
                        <button type="button" class="btn btn-sm btn-danger legitRipple" onclick="removeThisFile(this)">
                            <i class="mi-close"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <p class="text-right">
                <button type="button" class="btn btn-info" onclick="addFile();">
                    <i class="mi-add"></i>
                    Agregar otro archivo
                </button>
            </p>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="text/javascript">
        var adj_actual = 1;

        function addFile(){
            var nuevo = $('#itemFileCopy').clone();
            nuevo.attr('id', '');
            var adj_nuevo = adj_actual+1;
            nuevo.find('input').each(function(){
                this.value = '';
                this.name = this.name.replace(1, adj_nuevo);
            })

            adj_actual = adj_nuevo;

            $('#rowFiles').append(nuevo);
        }

        function removeThisFile(ele){
            $(ele).parents('.itemFileRow').remove();
        }

        function removeFile(id){
            var input = '<input type="hidden" name="removeFiles[]" value="'+id+'">';
            $('#listadoAdjuntos').append(input);
            $('#adj_'+id).remove();
        }
    </script>
@endpush