@extends('template.template')
@section('content')

@php
    use App\Models\User;
    use App\Models\Venda;

    if (isset($_GET['id']) && $_GET['id']){
        $user = User::find($_GET['id']);

        $vendas = Venda::where('user_id', $user->id)->orderBy('id', 'desc')->get();

        $valorTotal = $vendas->sum(function ($venda) {
            return $venda->product_value + $venda->frame_value;
        });
        $valorTotalComissoes = $vendas->sum('commission');
        $valorTotalComissoesPagas = $vendas->sum('commission_paid');
    }



@endphp
    <div class="dashboard-wrapper">
        <div class="dashboard-ecommerce">
            <div class="container-fluid dashboard-content ">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="page-header">
                            <h2 class="pageheader-title">Cadastro de vendedor </h2>
                            {{-- <div class="page-breadcrumb">
                                <nav aria-label="breadcrumb" >
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="https://www.tecnopartes.com.br/comissao/admin/"
                                                class="breadcrumb-link">Início</a></li>
                                        <li class="breadcrumb-item" aria-current="page"><a
                                                href="https://www.tecnopartes.com.br/comissao/admin/lista-vendedor.php"
                                                class="breadcrumb-link">Lista de vendedores</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Visualizar vendedores</li>
                                    </ol>
                                </nav>
                            </div> --}}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="offset-xl-2 col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="card">
                            <div class="card-header p-4">
                                <a class="pt-2 d-inline-block">Cadastro</a>

                                <div class="float-right">
                                    <h3 class="mb-0">Informações gerais</h3>
                                    Criado em: {{$user->created_at}}
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row mb-4">
                                    <div class="col-sm-6">
                                        <h5 class="mb-3">Vendedor:</h5>
                                        <h3 class="text-dark mb-1">{{$user->name}}</h3>

                                        <div>Cargo: {{$user->office}}</div>
                                        <div>E-mail: {{$user->email}}</div>
                                        <a href="{{route('form_cadastro', ['id' => $user->id])}}">
                                            <button class="btn btn-sm btn-outline-light">Editar</button></a>
                                        @if (auth()->user()->is_admin)
                                            <a href="{{route('historico_vendedor', ['id' => $user->id])}}">
                                                <button class="btn btn-sm btn-outline-light">Visualizar vendas</button></a>
                                        @endif
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-lg-4 col-sm-5">
                                    </div>
                                    <div class="col-lg-4 col-sm-5 ml-auto">
                                        <table class="table table-clear">
                                            <tbody>
                                                <tr>
                                                    <td class="left">
                                                        <strong class="text-dark">Total de vendas</strong>
                                                    </td>
                                                    <td class="right">{{'R$ ' . number_format(($valorTotal), 2, ',', '.') }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="left">
                                                        <strong class="text-dark">Total de comissão</strong>
                                                    </td>
                                                    <td class="right">{{'R$ ' . number_format(($valorTotalComissoes), 2, ',', '.') }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="left">
                                                        <strong class="text-dark">Recebido</strong>
                                                    </td>
                                                    <td class="right">{{'R$ ' . number_format(($valorTotalComissoesPagas), 2, ',', '.') }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="left">
                                                        <strong class="text-dark">Pendente</strong>
                                                    </td>
                                                    <td class="right">{{'R$ ' . number_format(($valorTotalComissoes - $valorTotalComissoesPagas), 2, ',', '.') }}</td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection