@extends('adminlte::page')

@section('title', 'Inicio')

@section('content_header')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0">Inicio</h1>
    </div>
</div>
@stop

@section('content')
<div id="app">
    <div class="row">
        <div class="col-lg-3 col-6">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>@{{cantpcv}}</h3>
                    <p>Cursos en vivo</p>
                </div>
                <div class="icon">
                    <i class="ion ion-person-add"></i>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>@{{cantpdv}}</h3>
                    <p>Diplomados en vivo</p>
                </div>
                <div class="icon">
                    <i class="ion ion-person-add"></i>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>@{{cantpcg}}</h3>
                    <p>Cursos virtuales</p>
                </div>
                <div class="icon">
                    <i class="ion ion-person-add"></i>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <div class="small-box bg-danger">
                <div class="inner">
                    <h3>@{{cantdg}}</h3>
                    <p>Diplomados virtuales</p>
                </div>
                <div class="icon">
                    <i class="ion ion-person-add"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header" style="background-color: #ff1a1a;color: #ffffff;">
                    <h3 class="card-title">
                        Registrar Comunicado
                    </h3>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label for="">Anuncio</label>
                        <textarea class="form-control" v-model="txtcomunicado"></textarea>
                        <input type="hidden" id="txtruta" value="{{asset("/anuncio")}}">
                    </div>
                </div>
                <div class="card-footer">
                    
                    <button class="btn btn-info" @click="copiar()"><i class="fas fa-copy"></i> Copiar</button>
                    <button class="btn btn-success" @click="editar()"><i class="fas fa-save"></i> Guardar</button>
                </div>
            </div>
        </div>
    </div>
</div>
@stop


@section('js')
<script src="{{ asset('/suport/axios.min.js')}}"></script>
<script src="{{ asset('/suport/vue.js')}}"></script>
@vite(['resources/js/iniciohome.js'])
@stop