@extends('layouts.templatemedflix')

@section('title', 'Dashboard#1')

@section('content')
    <div class="row">
        <!-- ============================================================== -->

        <!-- ============================================================== -->

        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Tickets Recientes</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">#</th>
                                    <th class="border-0">Paciente</th>
                                    <th class="border-0">Status</th>
                                    <th class="border-0">Actividad más reciente</th>
                                    <th class="border-0">Fecha de solicitud</th>
                                    <th class="border-0">Asignado</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($tickets as $ticket)
                                    <tr>
                                        <th scope="row">{{ $ticket->ticket_number }}</th>
                                        <td>{{ $ticket->userprofile->user->name }}</td>
                                        {{-- <td>{{ $ticket->id }}</td> --}}
                                        <td>
                                            @if ($ticket->status == "Documentos")
                                            <span class="badge-dot badge-info mr-1"></span>
                                            @elseif ($ticket->status == "Completados")
                                            <span class="badge-dot badge-success mr-1"></span>
                                            @elseif ($ticket->status =="PENDING STATUS")
                                            <span class="badge-dot badge-warning mr-1"></span>
                                            @elseif ($ticket->status == "No se a determinado cita")
                                            <span class="badge-dot badge-warning mr-1"></span>
                                            @endif
                                            {{ $ticket->status }}
                                        </td>
                                        {{-- <td>{{$ticket->activities()->description}}</td> --}}
                                        <td>{{$ticket->activities->first()->description}}</td>
                                        <td>{{ $ticket->created_at }}</td>
                                        <td>{{ $ticket->assigned_user }}</td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td colspan="9"><a href="{{ url('tickets/') }}" class="btn btn-outline-light float-right">Ver Todos</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- end recent orders  -->
    </div>

    <div class="row">
        <!-- ============================================================== -->
        <!-- total revenue  -->
        <!-- ============================================================== -->

        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- category revenue  -->
        <!-- ============================================================== -->
        <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">

            <div class="card">
                <h5 class="card-header">
                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="mTicket" data-toggle="pill" href="#cmTicket" role="tab" aria-controls="pills-home" aria-selected="true">
                                Solicitudes Este mes: {{$ticketsCountByMonth}}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tTicket" data-toggle="pill" href="#ctTicket" role="tab" aria-controls="pills-profile" aria-selected="false">
                                Total De Solicitudes: 
                                @if($tickets->count() == null)
                                N/A
                                @else
                                {{ $tickets->count() }}
                                @endif
                            </a>
                        </li>
                    </ul>
                </h5>

                <div class="card-body tab-content">
                    <div class="tab-pane fade show active" id="cmTicket" role="tabpanel" aria-labelledby="mTicket">
                        {{-- {!! $dchart->container() !!} --}}
                        {!! $dmchart->container() !!}
                    </div>
                    <div class="tab-pane fade" id="ctTicket" role="tabpanel" aria-labelledby="tTicket" style="height: 420px;">
                        {!! $dchart->container() !!}
                    </div>
                </div>
                
            </div>
            
        </div>
        <!-- ============================================================== -->
        <!-- end category revenue  -->
        <!-- ============================================================== -->
        <!-- Start Activity Log  -->
        <!-- ============================================================== -->
        <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Actividad Reciente</h5>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                                @foreach ($activitys as $activity )
                                    <tr>
                                        <td>
                                            <div class="notification-list-user-block">
                                                <span class="notification-list-user-name">
                                                {{ $activity->description }}
                                                </span>
                                                <div class="notification-date">{{$activity->created_at->format('m/d/y h:m s')}}</div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td colspan="9"><a href="/activitys" class="btn btn-outline-light float-right">Ver Todo</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">

        <!-- ============================================================== -->
        <!-- sales  -->
        <!-- ============================================================== -->
        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
            <div class="card border-3 border-top border-top-primary">
                <div class="card-body">
                    {{-- <h5 class="text-muted">Pacientes</h5> --}}
                    <h5>Tickets en procesos</h5>
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">{{ $ticketsTotal->where('status', '!=', 'Completados')->count() }}</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- end sales  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Tickets Mes Actual  -->
        <!-- ============================================================== -->
        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
            <div class="card border-3 border-top border-top-primary">
                <div class="card-body">
                    <h5 class="text-muted">Tickets Mes Actual</h5>
                    <div class="metric-value d-inline-block">
                        {{-- <h1 class="mb-1">123</h1> --}}
                        <h1 class="mb-1">{{$ticketsCountByMonth}}</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Tickets Mes Actual  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Tickets Completados  -->
        <!-- ============================================================== -->
        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
            <div class="card border-3 border-top border-top-primary">
                <div class="card-body">
                    <h5 class="text-muted">Tickets Completados</h5>
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">{{$ticketsTotal->where('status','Completados')->count()}}</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Ticket Completados  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Total Tickets  -->
        <!-- ============================================================== -->
        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
            <div class="card border-3 border-top border-top-primary">
                <div class="card-body">
                    <h5 class="text-muted">Total de Tickets</h5>
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">{{$ticketsTotal->count()}}</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Total Tickets  -->
        <!-- ============================================================== -->

    </div>
{{--  --}}
<!-- Optional JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8"></script>
    {!! $dchart->script() !!}
    {!! $dmchart->script() !!}
{{--  --}}

@endsection