@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Lista de PDFs</h4>
        <div class="float-right">
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  <div class="row" style="margin-top: -20px;  min-height: 100px; position: relative; ">
    <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">
      <div class="float-left" style=" ">
        <a  class="btn btn-success botao-adicionar" onclick="adicionarpdf()"><i class=""></i>
          Adicionar Novo PDF</a>
      </div>
      {!! Form::open([
        'url' => routeTenant('pdfs.store'),
        'enctype' => 'multipart/form-data',
        'class' => '',
    ]) !!}
      <div class="form-group col-lg-3" style="display: none">
        {!! Form::label('Nome', 'PDF:') !!}
        <input name="pdf" id="pdfupload" type="file" class="form-control">
      </div>
      {!! Form::submit('Enviar PDF', ['class'=>'btn btn-primary', "id"=>"pdfsubimit", "style"=>"display:none;"]) !!}
      {!! Form::close() !!}
    </div>
  </div>

  <!-- recent orders  -->
  <!-- ============================================================== -->
  <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">
    <div class="card">
      <h5 class="card-header">Paginas</h5>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table">
            <thead class="bg-light">
              <tr class="border-0">
                <th class="border-0">Link</th>
                <th class="border-0">Data</th>
                <th class="border-0">Funções</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($categories as $category)
                <tr>
                  <td>
                    <div class="m-r-10">{{ $category->link }}</div>
                  </td>
                  {{-- <td>{{ $category->user_account->name }} </td> --}}
                  <td>{{ date('d/m/Y', strtotime($category->created_at)) }} </td>
                  <td>
                    <a href="{{ $category->link }}" target="_blank" title="Visualizar"
                      class="btn btn-primary"> <i class="fa fa-eye" aria-hidden="true"></i></a>
                    <a href="{{ routeTenant('pdfs.delete', [$category->id]) }}" title="Deletar"
                      data-confirm='Tem certeza de que deseja Desativar o item selecionado?' class="btn btn-danger"><i
                        class="fa fa-trash" aria-hidden="true"></i></a>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          {!! $categories->links() !!}
        </div>
      </div>
    </div>
  </div>
  <!-- ============================================================== -->
  <!-- end recent orders  -->
@endsection

@section('post-script')
  <script>
    $(document).ready(function() {
      $('a[data-confirm]').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR O PDF' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja Deletar o arquivo pdf ?</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Deletar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });

    function adicionarpdf(){
      $("#pdfupload").click();
    }
    
    $("#pdfupload").change(function(){
      $("#pdfsubimit").click();
    });
  </script>
@endsection