@extends('layouts.jefa')

@section('css')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css">
@endsection

@section('content')

<div class="container-fluid">


<div class="row">
      <h5 class="font-weight-bolder text-blue">Comisión Arica 100 - Participación Ciudadana</h5>


      <div class="col-xl-6 col-sm-6 mb-xl-0 my-5 box-bc">
        <div class="card">
            <div class="card-body p-3">
                <div class="row">
                    <div class="col-8 text-center">
                        <div class="numbers">
                            <p class="text-sm mb-0 text-uppercase font-weight-bold">Total de recepciones </p>
                            <h5 class="font-weight-bolder text-blue">
                            Buzón de temáticas ciudadanas
                            </h5>
                            <p class="my-4">
                                <span class="indicador font-weight-bolder text-blue">{{$countBuzon}}</span>
                            </p>
                        </div>
                    </div>
                    <div class="col-4 text-end">
                        <div class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                            <i class="material-icons material-symbols-outlined">drafts</i>
                        </div>
                    </div>
                    <div class="col-12 text-center">
                    <a href="{{route('descarga-buzon')}}"> Descarga Buzón Ciudadano <i class="material-icons">download</i></a>
                    </div>
                </div>
            </div>
        </div>
      </div>


      <div class="col-xl-6 col-sm-6 mb-xl-0 my-5 box-ad">
        <div class="card">
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col-8 text-center">
                            <div class="numbers">
                                <p class="text-sm mb-0 text-uppercase font-weight-bold">Total de recepciones </p>
                                <h5 class="font-weight-bolder text-orange">
                                    Audiencias solicitadas
                                </h5>
                                <p class="my-4">
                                    <span class="indicador font-weight-bolder text-orange">{{$countAudiencia}}</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-4 text-end">
                            <div class="icon icon-shape icon-au bg-gradient-primary shadow-primary text-center rounded-circle">
                                <i class="material-icons material-symbols-outlined">campaign</i>
                            </div>
                        </div>
                        <div class="col-12 text-center">
                        <a href="{{route('descarga-audiencia')}}"> Descarga Audiencias Solicitadas <i class="material-icons">download</i></a>
                        </div>
                    </div>
                </div>
            </div>
      </div>


      </div>

    </div>

@endsection