@extends('layouts.app')

@section('content')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Detalles del cliente</h4>
        </div>
        <div class="card-body">
            {{-- <div class="row">

            </div> --}}
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex flex-wrap align-items-center justify-content-between">
                                <div class="d-flex flex-wrap align-items-center">

                                    <div class="d-flex flex-wrap align-items-center mb-3 mb-sm-0">
                                        <h4 class="me-2 h4">{{ $cliente->nombre }}</h4>
                                        <span> - {{ $cliente->alias }}</span>
                                    </div>
                                </div>
                                <ul class="d-flex nav nav-pills mb-0 text-center profile-tab nav-slider"
                                    data-toggle="slider-tab" id="profile-pills-tab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link show active" data-bs-toggle="tab" href="#profile-informacion"
                                            role="tab" aria-selected="true">Información</a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#profile-facturacion" role="tab"
                                            aria-selected="false" tabindex="-1">Facturación</a>
                                    </li>
                                  {{--   <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#profile-friends" role="tab"
                                            aria-selected="false" tabindex="-1">Friends</a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#profile-profile" role="tab"
                                            aria-selected="false" tabindex="-1">Profile</a>
                                    </li> --}}
                                    <div class="nav-slider-thumb position-absolute nav-link"
                                        style="padding: 0px; width: 69px; height: 40px; transform: translate3d(0px, 0px, 0px); transition: 300ms ease-in-out;"
                                        aria-selected="false" tabindex="-1" role="tab"><a class="nav-link active show"
                                            data-bs-toggle="tab" href="#profile-feed" role="tab"
                                            aria-selected="true"></a></div>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="profile-content tab-content">
                        <div id="profile-informacion" class="tab-pane fade active show" role="tabpanel">
                            <div class="card">
                                <div class="card-header d-flex align-items-center justify-content-between pb-4">
                                    <div class="header-title">
                                        <div class="d-flex flex-wrap">
                                            <h5>Información General</h5>
                                        </div>
                                    </div>

                                </div>
                                <div class="card-body p-0">
                                    <div class="comment-area p-3">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><strong>Alias:</strong> {{ $cliente->alias }}</p>
                                                <p><strong>Nombre:</strong> {{ $cliente->nombre }}</p>
                                                <p><strong>RFC:</strong> {{ $cliente->rfc }}</p>
                                                <p><strong>Régimen Fiscal:</strong>
                                                    @if ($cliente->regimen_fiscal == '601')
                                                        601 - General de Ley Personas Morales
                                                    @elseif($cliente->regimen_fiscal == '612')
                                                        612 - Personas Físicas con Actividades Empresariales y Profesionales
                                                    @elseif($cliente->regimen_fiscal == '626')
                                                        626 - Régimen Simplificado de Confianza
                                                    @else
                                                        {{ $cliente->regimen_fiscal }}
                                                    @endif
                                                </p>
                                                <p><strong>Uso CFDI:</strong> {{ $cliente->uso_cfdi }}</p>
                                                <p><strong>Estatus:</strong>
                                                    @if ($cliente->estatus)
                                                        <span class="badge bg-success">Activo</span>
                                                    @else
                                                        <span class="badge bg-danger">Inactivo</span>
                                                    @endif
                                                </p>
                                            </div>
                                            <div class="col-md-6">
                                                <p><strong>Nombre de Contacto:</strong> {{ $cliente->nombre_contacto }}</p>
                                                <p><strong>Teléfono:</strong> {{ $cliente->telefono }}</p>
                                                <p><strong>Correo:</strong> {{ $cliente->correo }}</p>
                                                <p><strong>Dirección:</strong> {{ $cliente->calle }}
                                                    {{ $cliente->numero_exterior }}
                                                    @if ($cliente->numero_interior)
                                                        Int. {{ $cliente->numero_interior }},
                                                    @endif
                                                    {{ $cliente->municipio }}, {{ $cliente->estado }}, CP
                                                    {{ $cliente->codigo_postal }}
                                                </p>
                                                <p><strong>Fecha de Facturación:</strong>
                                                    @if ($cliente->fecha_facturacion)
                                                        {{ \Carbon\Carbon::parse($cliente->fecha_facturacion)->format('d/m/Y') }}
                                                    @else
                                                        No especificada
                                                    @endif
                                                </p>
                                                <p><strong>Límite de Crédito:</strong>
                                                    ${{ number_format($cliente->limite_credito, 2) }}</p>
                                                <p><strong>Días de Crédito:</strong> {{ $cliente->dias_credito }}</p>
                                            </div>
                                            <div class="col-md-12 mt-4">
                                                <a href="{{ route('cliente.index') }}" class="btn btn-primary">Volver a la
                                                    lista</a>
                                                <a href="{{ route('cliente.edit', $cliente->id) }}"
                                                    class="btn btn-warning">Editar</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div id="profile-facturacion" class="tab-pane fade" role="tabpanel">
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <div class="header-title">
                                        <h4 class="card-title">Facturación</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table id="factura-table" class="table table-striped" data-toggle="data-table">
                                            <thead>
                                                <tr>
                                                    <th>No.</th>
                                                    <th>Folio</th>
                                                    <th>Metodo Pago</th>
                                                    <th>Monto</th>
                                                    <th>Estatus</th>
                                                    <th>Creación</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($cliente->facturas as $cfdi)
                                                    <tr>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td><a target="_blank"
                                                                href="{{ route('factura.show', $cfdi->id) }}">{{ $cfdi->folio }}</a>
                                                        </td>
                                                        <td>{{ $cfdi->metodo_pago }}</td>
                                                        <td>
                                                            @if ($cfdi->pagado)
                                                                <span
                                                                    class="badge rounded-pill bg-success">{{ number_format($cfdi->total, 2) }}</span>
                                                            @else
                                                                <span
                                                                    class="badge rounded-pill bg-danger">{{ number_format($cfdi->total, 2) }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @switch($cfdi->estatus_sat)
                                                                @case('active')
                                                                    <span class="badge rounded-pill bg-success">Activa</span>
                                                                @break

                                                                @case('canceled')
                                                                    <span class="badge rounded-pill bg-danger">Cancelada</span>
                                                                @break

                                                                @case('pending')
                                                                    <span class="badge rounded-pill bg-warning">Pendiente</span>
                                                                @break

                                                                <span
                                                                    class="badge rounded-pill bg-info">{{ $cfdi->estatus_sat }}</span>

                                                                @default
                                                            @endswitch
                                                        </td>
                                                        <td>{{ $cfdi->created_at->format('d-m-Y') }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- <div id="profile-friends" class="tab-pane fade" role="tabpanel">
                            <div class="card">
                                <div class="card-header">
                                    <div class="header-title">
                                        <h4 class="card-title">Friends</h4>
                                    </div>
                                </div>
                                <div class="card-body">

                                </div>
                            </div>
                        </div> --}}
                        {{-- <div id="profile-profile" class="tab-pane fade" role="tabpanel">
                            <div class="card">
                                <div class="card-header">
                                    <div class="header-title">
                                        <h4 class="card-title">Profile</h4>
                                    </div>
                                </div>
                                <div class="card-body">

                                </div>
                            </div>

                        </div> --}}
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="card">
                        <div class="card-header">
                            <div class="header-title">
                                <h4 class="card-title">Resumen Financiero</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <p></p>
                            <div class="mb-1">Facturas Pendientes: <b>{{ $facturasPendientes }}</b></div>
                            <div class="mb-1">Saldo Pendiente: <b>${{ number_format($saldoPendiente, 2) }}</b></div>
                        </div>
                    </div>


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