@extends('panel._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row mb-2">
            <div class="col-12">
                Buscar período
            </div>
            <div class="col-6">
                <label for="date_start">De:</label>
                <input type="date" class="form-control" id="date_start" name="date_start"
                       value="{{$start_date}}">
            </div>
            <div class="col-6">
                <label for="date_end">Até:</label>
                <input type="date" class="form-control" id="date_end" name="date_end"
                       value="{{$end_date}}">
            </div>
            <div class="col-12 mt-2 text-end">
                <button class="btn bg-purple" id="search-button">Buscar</button>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-10">
                <p>
                    Faturamento -
                    {{date("d/m/Y", strtotime($start_date))}}
                    até
                    {{date("d/m/Y", strtotime($end_date))}}
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-12 rounded-3 shadow-md">
                <div class="card text-white bg-purple mb-1">
                    <div class="card-body p-2">
                        <div class="row">
                            <div
                                class="col-6 border-end text-center mb-1 d-flex flex-column justify-content-center align-items-center">
                                <h5 class="text-white">Resumo Período</h5>
                                <small>Clientes: {{$total_summary->total_rows}}</small>
                            </div>
                            <div class="col-6 text-center mt-1">
                                <small>Bruto : R$ {{number_format($total_summary->total_value, 2, ',', '.')}}</small>
                                <br>
                                <small>Líquido (-{{$base_percentage}}%)</small>
                                <br>
                                @php
                                    $total_value = $total_summary->total_value - ($total_summary->total_value * ($base_percentage/ 100))
                                @endphp
                                <h5 class="card-title text-white">R$ {{number_format($total_value, 2, ',', '.')}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @foreach($individual_results as $individual)
                <div class="col-12 rounded-3 shadow-md">
                    <div class="card text-white bg-purple mb-1">
                        <div class="card-body p-2">
                            <div class="row">
                                <div
                                    class="col-6 border-end text-center mb-1 d-flex flex-column justify-content-center align-items-center">
                                    <h5 class="text-white">{{date("d/m/Y", strtotime($individual->schedule_date))}}</h5>
                                    <small>Clientes: {{$individual->total_rows}}</small>
                                </div>
                                <div class="col-6 text-center mt-1">
                                    <small>Bruto : R$ {{number_format($individual->total_value, 2, ',', '.')}}</small>
                                    <br>
                                    <small>Líquido (-{{$base_percentage}}%)</small>
                                    <br>
                                    @php
                                        $total_value = $individual->total_value - ($individual->total_value * ($base_percentage/ 100))
                                    @endphp
                                    <h5 class="card-title text-white">
                                        R$ {{number_format($total_value, 2, ',', '.')}}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection
@section('customJS')
    <script src="{{asset("assets/js/panel/mobile/billing.js")}}"></script>
@endsection