@extends('layouts.app')

@section('title', 'Consultor')

@section('content')
    <div class="page home">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-5">
                    <a class="badge badge-secondary bgcolorOrange" href="{{route('users.shops.index', [Auth::user()->id])}}">
                        <i class="fa fa-arrow-left"></i> Regresar
                    </a>
                </div>
                <div class="col-md-6">
                    <h1 class="title-orange">ETAPA</h1> <br>
                    <table class="table table-yellow">
                        <thead>
                        <tr>
                            <th>Etapa</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                @if(isset($shop->periods) && count($shop->periods) > 0)
                                    {{ ucwords(Calendar::getHumanMonth($shop->periods()->first()->month))}}
                                @endif
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6">
                    <h1 class="title-orange">GRUPO</h1> <br>

                    <table class="table table-orange">
                        <thead>
                        <tr>
                            <th>Grupo</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                @if(isset($shop->groups) && count($shop->groups) > 0)
                                    {{strtoupper($shop->groups()->first()->name)}}
                                @endif
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6">
                    <h1 class="title-yellow">RANKING <br>
                     </h1> <br>
                    <table class="table table-yellow">
                        <thead>
                        <tr>
                            <th>Posicion</th>
                            <th>Tienda</th>
                            <th>Porcentaje cumplimiento</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>Tienda 1</td>
                            <td>40%</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6">
                    <h1 class="title-orange">PARCHE</h1> <br>
                    @if(isset($shop->members[0]) && count($shop->members) > 0)
                        <table class="table table-orange">
                            <thead>
                            <tr>
                                <th>Amigo</th>
                                <th>Cedula</th>
                                <th>Cargo</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($shop->members as $member)
                                <tr>
                                    <td>{{strtoupper($member->name)}} {{strtoupper($member->surname)}}</td>
                                    <td>{{strtoupper($member->document_type->abbreviation)}} {{strtoupper($member->document)}}</td>
                                    <td>
                                        @if(isset($member->charges[0]->name))
                                            {{strtoupper($member->charges[0]->name)}}
                                        @else
                                            SIN CARGO
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @else
                        <div class="container">
                            <div class="text-center">
                                <img src="{{asset(config('constants.logo_image_path'))}}" width="300" alt="">
                                <br> <br>
                                <h1 class="title-orange">No tienes parche</h1>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@stop