raby/resources/views/notaria/transparencia.blade.php

<div id="transparencia">
  <div class="ui container">
    <div class="ui stackable grid">
      <div class="three column row">
        <div class="ten wide column">
          <p>
            {!!nl2br($transparencia->descripcion)!!}
          </p>
          <div class="ui stackable grid">
            <div class="two column row">
              <div class="column">
                <div class="ui list">
                  @foreach ($transparencia->funciones as $i => $funcion)
                    @if (($i) % 6 == 0 and $i > 0)
                        </div>
                      </div>
                      <div class="column">
                        <div class="ui list">
                    @endif
                    <div class="item">
                      {{$i + 1}}. {{$funcion}}
                      <br />
                      <br />
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          </div>
        </div>
        @if ($transparencia->activo)
          <div class="column">
            <h3>TRANSPARENCIA</h3>
            <div class="ui accordion">
              <div class="title">
                <i class="dropdown icon"></i>
                Balances Anuales
              </div>
              <div class="content">
                <div class="ui calendar" id="balances_calendar">
                  <div class="ui input left icon">
                    <i class="calendar icon"></i>
                    <input type="text" name="calendar" placeholder="Mes / Año" />
                  </div>
                </div>
                <br />
                <a href="#" target="_window" id="balances_descarga">
                  <button class="ui mini gray button">DESCARGA</button>
                </a>
              </div>
              <div class="title">
                <i class="dropdown icon"></i>
                Inter&eacute;s y Patrimonio
              </div>
              <div class="content">
                <div class="ui calendar" id="patrimonio_calendar">
                  <div class="ui input left icon">
                    <i class="calendar icon"></i>
                    <input type="text" name="calendar" placeholder="Mes / Año" />
                  </div>
                </div>
                <br />
                <a href="#" target="_window" id="patrimonio_descarga">
                  <button class="ui mini gray button">DESCARGA</button>
                </a>
              </div>
              <div class="title">
                <i class="dropdown icon"></i>
                Informes Fiscal&iacute;a
              </div>
              <div class="content">
                <div class="ui calendar" id="fiscalia_calendar">
                  <div class="ui input left icon">
                    <i class="calendar icon"></i>
                    <input type="text" name="calendar" placeholder="Mes / Año" />
                  </div>
                </div>
                <br />
                <a href="#" target="_window" id="fiscalia_descarga">
                  <button class="ui mini gray button">DESCARGA</button>
                </a>
              </div>
              <div class="title">
                <a target="_window" href="{{$urls->uploads}}/valores.pdf">
                  <i class="dropdown icon"></i>
                  Valores
                </a>
              </div>
            </div>
          </div>
        @endif
      </div>
    </div>
  </div>
</div>

@push('scripts')
  <script type="text/javascript">
    $(document).ready(function() {
      $('.accordion').accordion()
      $('#balances_calendar').calendar({
        type: 'month',
        text: {
          months: [
            '{!!implode("', '", $months->full)!!}'
          ],
          monthsShort: [
            '{!!implode("', '", $months->short)!!}'
          ]
        },
        onChange: function() {
          var months = [
            '{!!implode("', '", $months->full)!!}'
          ]
          var date = arguments[0]
          var url = '{{$urls->uploads}}/balances_anuales_' + date.getFullYear() + '_' + months[date.getMonth()] + '.pdf'
          $('#balances_descarga').attr('href', url)
        }
      })
      $('#patrimonio_calendar').calendar({
        type: 'month',
        text: {
          months: [
            '{!!implode("', '", $months->full)!!}'
          ],
          monthsShort: [
            '{!!implode("', '", $months->short)!!}'
          ]
        },
        onChange: function() {
          var months = [
            '{!!implode("', '", $months->full)!!}'
          ]
          var date = arguments[0]
          var url = '{{$urls->uploads}}/intereses_y_patrimonio_' + date.getFullYear() + '_' + months[date.getMonth()] + '.pdf'
          $('#patrimonio_descarga').attr('href', url)
        }
      })
      $('#fiscalia_calendar').calendar({
        type: 'month',
        text: {
          months: [
            '{!!implode("', '", $months->full)!!}'
          ],
          monthsShort: [
            '{!!implode("', '", $months->short)!!}'
          ]
        },
        onChange: function() {
          var months = [
            '{!!implode("', '", $months->full)!!}'
          ]
          var date = arguments[0]
          var url = '{{$urls->uploads}}/informes_fiscalia_' + date.getFullYear() + '_' + months[date.getMonth()] + '.pdf'
          $('#fiscalia_descarga').attr('href', url)
        }
      })
    })
  </script>
@endpush