@extends('layouts.vertical', ['pageTitle' => __('customers.customer_details')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-users"></i> {{ __('customers.customer_details') }}
    </h1>
    <div class="subheader-block">
        <a href="{{ route('sales.customers.edit', $customer) }}" class="btn btn-warning">
            <i class="fal fa-edit"></i> {{ __('customers.edit') }}
        </a>
        <a href="{{ route('sales.customers.index') }}" class="btn btn-secondary">
            <i class="fal fa-arrow-left"></i> {{ __('customers.back') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <strong>{{ __('customers.success') }}</strong> {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <strong>{{ __('customers.error') }}</strong> {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<!-- General Information -->
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-user-circle text-primary"></i> {{ __('customers.general_information') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="row">
                <div class="col-md-2">
                    <label class="form-label text-muted">{{ __('customers.customer_no') }}</label>
                    <p class="fw-700">{{ $customer->customer_number }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label text-muted">{{ __('customers.rfc_taxid') }}</label>
                    <p class="fw-700">{{ $customer->rfc }}</p>
                </div>
                <div class="col-md-2">
                    <label class="form-label text-muted">{{ __('customers.type') }}</label>
                    <p>
                        <span class="badge badge-{{ $customer->type == 'Moral' ? 'info' : 'secondary' }} badge-pill">
                            {{ $customer->type == 'Moral' ? 'Moral' : 'Física' }}
                        </span>
                    </p>
                </div>
                <div class="col-md-5">
                    <label class="form-label text-muted">{{ __('customers.business_name') }}</label>
                    <p class="fw-700">{{ $customer->name }}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label text-muted">{{ __('customers.commercial_name') }}</label>
                    <p class="fw-700">{{ $customer->commercial_name }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label text-muted">{{ __('customers.cfdi_use') }}</label>
                    <p>ID: {{ $customer->cfdi_id }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label text-muted">{{ __('customers.fiscal_regime_label') }}</label>
                    <p>{{ $customer->fiscal_regime_id ? 'ID: ' . $customer->fiscal_regime_id : __('customers.not_specified') }}</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Banking & Payment -->
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-credit-card text-success"></i> {{ __('customers.banking_payment_information') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="row">
                <div class="col-md-4">
                    <label class="form-label text-muted">{{ __('customers.account_number_label') }}</label>
                    <p>{{ $customer->account_number ?? __('customers.not_specified') }}</p>
                </div>
                <div class="col-md-4">
                    <label class="form-label text-muted">{{ __('customers.bank') }}</label>
                    <p>{{ $customer->bank ?? __('customers.not_specified') }}</p>
                </div>
                <div class="col-md-2">
                    <label class="form-label text-muted">{{ __('customers.payment_way') }}</label>
                    <p>ID: {{ $customer->payment_way_id }}</p>
                </div>
                <div class="col-md-2">
                    <label class="form-label text-muted">{{ __('customers.payment_method') }}</label>
                    <p>{{ $customer->payment_method_id ? 'ID: ' . $customer->payment_method_id : __('customers.not_specified') }}</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Addresses -->
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-map-marker-alt text-warning"></i> {{ __('customers.addresses_title') }}</h2>
        <div class="panel-toolbar">
            <a href="{{ route('sales.customers.addresses.create', $customer) }}" class="btn btn-primary btn-sm">
                <i class="fal fa-plus"></i> {{ __('customers.add_address') }}
            </a>
        </div>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            @forelse($customer->addresses as $address)
            <div class="card mb-3 {{ $address->main == 1 ? 'border-primary' : '' }}">
                <div class="card-header {{ $address->main == 1 ? 'bg-primary-50' : '' }}">
                    <div class="d-flex justify-content-between align-items-center">
                        <strong>
                            @if($address->main == 1)
                                <i class="fal fa-star text-warning"></i> {{ __('customers.main_address_label') }}
                            @else
                                {{ __('customers.alternate_address') }}
                            @endif
                        </strong>
                        <div class="btn-group btn-group-sm">
                            @if($address->main == 0)
                            <form action="{{ route('sales.customers.addresses.set-main', [$customer, $address]) }}" method="POST" style="display: inline;">
                                @csrf
                                <button type="submit" class="btn btn-xs btn-outline-success" title="{{ __('customers.set_as_main') }}">
                                    <i class="fal fa-star"></i> {{ __('customers.set_as_main') }}
                                </button>
                            </form>
                            @endif
                            <a href="{{ route('sales.customers.addresses.edit', [$customer, $address]) }}"
                               class="btn btn-xs btn-outline-warning" title="{{ __('customers.edit') }}">
                                <i class="fal fa-edit"></i> {{ __('customers.edit') }}
                            </a>
                            @if($address->main == 0)
                            <button type="button" class="btn btn-xs btn-outline-danger"
                                    onclick="confirmDeleteAddress({{ $address->id }})" title="{{ __('customers.delete') }}">
                                <i class="fal fa-trash"></i> {{ __('customers.delete') }}
                            </button>
                            <form id="delete-address-{{ $address->id }}" 
                                  action="{{ route('sales.customers.addresses.destroy', [$customer, $address]) }}" 
                                  method="POST" style="display: none;">
                                @csrf
                                @method('DELETE')
                            </form>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>{{ __('customers.branch_office_label') }}:</strong> {{ $address->office_branch }}</p>
                            <p><strong>{{ __('customers.address_label') }}:</strong> {{ $address->address }}</p>
                            <p><strong>{{ __('customers.postal_code') }}:</strong> {{ $address->postal_code }}</p>
                            <p><strong>{{ __('customers.city') }}:</strong> {{ $address->city }}, {{ $address->state }}</p>
                            <p><strong>{{ __('customers.country') }}:</strong> ID {{ $address->country }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>{{ __('customers.phone') }}:</strong> ({{ $address->lada }}) {{ $address->phonenumber }}
                                @if($address->extention)
                                    Ext. {{ $address->extention }}
                                @endif
                            </p>
                            <p><strong>{{ __('customers.email') }}:</strong> <a href="mailto:{{ $address->email }}">{{ $address->email }}</a></p>
                            @if($address->webpage)
                                <p><strong>{{ __('customers.website') }}:</strong> <a href="{{ $address->webpage }}" target="_blank">{{ $address->webpage }}</a></p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @empty
            <div class="alert alert-info">
                <i class="fal fa-info-circle"></i> {{ __('customers.no_addresses') }}
            </div>
            @endforelse
        </div>
    </div>
</div>

<!-- Contacts -->
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-user text-info"></i> {{ __('customers.contacts_title') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            @forelse($customer->contacts as $contact)
            <div class="card mb-3">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.type') }}:</strong>
                                <span class="badge badge-{{ $contact->type == 'Compras' ? 'primary' : 'info' }}">
                                    {{ $contact->type }}
                                </span>
                            </p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.name') }}:</strong> {{ $contact->name }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.email') }}:</strong>
                                @if($contact->email)
                                    <a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a>
                                @else
                                    {{ __('customers.not_specified') }}
                                @endif
                            </p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.branch_ext') }}:</strong> {{ $contact->branch_extention }}</p>
                        </div>
                    </div>
                </div>
            </div>
            @empty
            <div class="alert alert-info">
                <i class="fal fa-info-circle"></i> {{ __('customers.no_contacts_registered') }}
            </div>
            @endforelse
        </div>
    </div>
</div>

<!-- Credits -->
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-hand-holding-usd text-danger"></i> {{ __('customers.credit_information_title') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            @forelse($customer->credits as $credit)
            <div class="card mb-3 border-{{ $credit->status == 'Aceptado' ? 'success' : ($credit->status == 'Negado' ? 'danger' : 'warning') }}">
                <div class="card-header bg-{{ $credit->status == 'Aceptado' ? 'success' : ($credit->status == 'Negado' ? 'danger' : 'warning') }}-50">
                    <strong>{{ __('customers.credit_status') }}:
                        <span class="badge badge-{{ $credit->status == 'Aceptado' ? 'success' : ($credit->status == 'Negado' ? 'danger' : 'warning') }}">
                            {{ $credit->status }}
                        </span>
                    </strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.grantor_label') }}</strong> {{ $credit->grantor }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.limit_label') }}</strong> ${{ number_format($credit->limit, 2) }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.days_label') }}</strong> {{ $credit->days }} {{ __('customers.days_suffix') }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>{{ __('customers.legal_rep') }}:</strong> {{ $credit->legal_representation }}</p>
                        </div>
                    </div>

                    @if($credit->references->count() > 0)
                    <hr>
                    <h6><i class="fal fa-address-book"></i> {{ __('customers.references_title') }}</h6>
                    <div class="row">
                        @foreach($credit->references as $reference)
                        <div class="col-md-6">
                            <div class="card mb-2 bg-light">
                                <div class="card-body p-2">
                                    <p class="mb-1"><strong>{{ __('customers.type') }}:</strong>
                                        <span class="badge badge-{{ $reference->type == 'Comercial' ? 'primary' : 'secondary' }} badge-sm">
                                            {{ $reference->type }}
                                        </span>
                                    </p>
                                    <p class="mb-1"><strong>{{ __('customers.name') }}:</strong> {{ $reference->name }}</p>
                                    <p class="mb-0"><strong>{{ __('customers.phone') }}:</strong> ({{ $reference->lada }}) {{ $reference->phonenumber }}
                                        @if($reference->extention)
                                            Ext. {{ $reference->extention }}
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endif
                </div>
            </div>
            @empty
            <div class="alert alert-info">
                <i class="fal fa-info-circle"></i> {{ __('customers.no_credit_registered') }}
            </div>
            @endforelse
        </div>
    </div>
</div>

<!-- Registration Info -->
<div class="panel">
    <div class="panel-container show">
        <div class="panel-content">
            <div class="row">
                <div class="col-md-6">
                    <p class="text-muted small">
                        <strong>{{ __('customers.created') }}</strong> {{ $customer->created_at->format('d/m/Y H:i:s') }}
                    </p>
                </div>
                <div class="col-md-6 text-right">
                    <p class="text-muted small">
                        <strong>{{ __('customers.last_updated') }}</strong> {{ $customer->updated_at->format('d/m/Y H:i:s') }}
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
function confirmDeleteAddress(addressId) {
    if (confirm('{{ __('customers.delete_address_confirm') }}')) {
        document.getElementById('delete-address-' + addressId).submit();
    }
}
</script>
@endsection