@extends('panel._theme_dashboard')

@section('content')
    @csrf
    <input type="hidden" value="{{route("dashboard.values")}}" id="hide_values_path">
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="col-6 rounded-3 shadow-md">
                <div class="card text-white bg-purple mb-1">
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-12 mb-1">
                                <small>Resumo Semanal</small>
                                <br>
                                <small>
                                    {{ date("d/m", strtotime($startDateWeek)) }} - {{ date("d/m", strtotime($endDateWeek)) }}
                                </small>
                            </div>
                            <div class="col-12 mt-1">
                                <h5 class="card-title text-white value_to_hide blur">R$ {{$totalValueWeek}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 rounded-3 shadow-md">
                <div class="card text-white bg-purple mb-1">
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-12 mb-1">
                                <small>Resumo Mensal</small>
                                <br>
                                <small>
                                    {{ date("d/m", strtotime($startDateMonth)) }} - {{ date("d/m", strtotime($endDateMonth)) }}
                                </small>
                            </div>
                            <div class="col-12 mt-1">
                                <h5 class="card-title text-white value_to_hide blur">R$ {{$totalValueMonth}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-12">
                <h5>Agenda de hoje - {{now()->format('d/m/Y')}}</h5>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12 d-flex align-items-stretch">
                <ul class="timeline-widget mb-0 position-relative mb-n5">
                    @foreach($schedules as $schedule)
                        <li class="timeline-item d-flex position-relative overflow-hidden lazy">
                            <div class="timeline-time text-dark flex-shrink-0 text-end">
                                {{date("H:i", strtotime($schedule->schedule_time_start))}} -
                                {{date("H:i", strtotime($schedule->schedule_time_end))}}
                            </div>
                            <div class="timeline-badge-wrap d-flex flex-column align-items-center">
                                <span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
                                <span class="timeline-badge-border d-block flex-shrink-0"></span>
                            </div>
                            <div class="timeline-desc fs-3 text-dark mt-n1">
                                {{$schedule->schedule_client}}
                                <div class="d-block fw-normal">
                                    {{$schedule->service_name}}
                                </div>
                                <div class="d-block fw-normal">
                                    R$ {{$schedule->schedule_value}}
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
@endsection
@section('customJS')
    <script src="{{asset("assets/js/panel/mobile/home.js")}}"></script>
@endsection