@extends('admin::index')

@section('content')
    <section class="content-header">
        <h1>
            {{ $header or trans('admin.title') }}
            <small>{{ $description or trans('admin.description') }}</small>
        </h1>

        <!-- breadcrumb start -->
    @include('partials.breadcrumb')
    <!-- breadcrumb end -->

    </section>

    <section class="content">

        @include('partials.error')
        @include('admin::partials.exception')
        @include('admin::partials.toastr')

        {{-- MAIN CONTENT --}}

        <div class="row">
            <div class="col-md-12">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li><a href="{{ route('customers.edit',[$item->id]) }}">{{ __('Thông tin cơ bản') }}</a></li>
                        <li><a href="{{ route('customers.statis',[$item->id]) }}">{{ __('Thống kê nhanh') }}</a></li>
                        <li><a href="{{ route('customers.orders',[$item->id]) }}">{{ __('Đơn hàng đã mua') }}</a></li>
                        <li class="active"><a href="#debtTab" data-toggle="tab">{{ __('Công nợ') }}</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="debtTab" style="min-height: 20vh">
                            <div class="flex space-between items-start">
                                <div>
                                    <div>{{ __('Tổng nợ hiện tại') }}</div>
                                    <div class="h2 bold text-danger">{{ number_format($debtTotal ?? 0, 1) }} ₫</div>
                                </div>
                                <div>
                                    <button data-toggle="modal" data-target="#repaymentModal" class="btn btn-warning"><i class="fa fa-money m-r-5"></i>{{ __('Thu nợ') }}</button>
                                    <button data-toggle="modal" data-target="#manualDebtModal" class="btn btn-default m-l-5"><i class="fa fa-plus m-r-5"></i>{{ __('Ghi nợ tay') }}</button>
                                </div>
                            </div>
                            <hr>
                            <h4 class="bold">{{ __('LỊCH SỬ CÔNG NỢ') }}</h4>
                            @if($debtOrders->isEmpty())
                                <p class="text-muted">{{ __('Chưa có phát sinh công nợ nào của khách hàng này.') }}</p>
                            @else
                                <table class="table table-bordered with-bg">
                                    <thead>
                                    <tr>
                                        <th>{{ __('Ngày phát sinh') }}</th>
                                        <th>{{ __('Loại') }}</th>
                                        <th>{{ __('Nội dung') }}</th>
                                        <th class="text-right">{{ __('Số tiền') }}</th>
                                        <th class="text-right">{{ __('Dư nợ sau') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($debtOrders as $entry)
                                    @php($isDecrease = in_array($entry->type, ['repayment', 'debt_void']))
                                    <tr>
                                        <td class="text-nowrap">{{ $entry->created_at->format('d-m-Y H:i') }}</td>
                                        <td>
                                            @if($entry->type === 'pos_debt')
                                                <span class="label label-default">{{ __('Đơn hàng') }}</span>
                                            @elseif($entry->type === 'manual_debt')
                                                <span class="label label-primary">{{ __('Ghi nợ tay') }}</span>
                                            @elseif($entry->type === 'repayment')
                                                <span class="label label-warning">{{ __('Thu nợ') }}</span>
                                            @elseif($entry->type === 'debt_void')
                                                <span class="label label-danger">{{ __('Hủy nợ đơn hàng') }}</span>
                                            @else
                                                <span class="label label-default">{{ $entry->type }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($entry->type === 'pos_debt')
                                                @if($entry->order)
                                                    {{ $entry->order->code }} <span class="text-muted">({{ __('Tổng đơn') }}: {{ number_format($entry->order->total, 1) }} ₫)</span>
                                                @else
                                                    <span class="text-muted">{{ __('Đơn hàng đã bị xóa') }}</span>
                                                @endif
                                            @else
                                                {{ $entry->note ?: '—' }}
                                            @endif
                                        </td>
                                        <td class="text-right nowrap">
                                            <span class="{{ $isDecrease ? 'text-success' : 'text-danger' }}">{{ $isDecrease ? '−' : '+' }}{{ number_format($entry->amount, 1) }} ₫</span>
                                        </td>
                                        <td class="text-right nowrap">{{ $entry->balance_after !== null ? number_format($entry->balance_after, 1) . ' ₫' : '—' }}</td>
                                    </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                                @if(has_paging($debtOrders))
                                    <div>
                                        {!! $debtOrders->appends(request()->query())->links() !!}
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    {{-- Modal: Thu nợ --}}
    <div class="modal fade" id="repaymentModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {{ Form::open(['route' => ['customers.repayments.store', $item->id], 'method' => 'POST']) }}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title bold">{{ __('Thu nợ') }}: {{ $item->fullname }}</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>{{ __('Tổng nợ hiện tại') }}</label>
                        <input type="text" class="form-control" disabled value="{{ number_format($debtTotal ?? 0, 1) }} ₫">
                    </div>
                    <div class="form-group">
                        <label>{{ __('Số tiền thu') }} <span class="text-danger">*</span></label>
                        <input type="number" name="amount" class="form-control" min="0.01" step="any" required>
                    </div>
                    <div class="form-group">
                        <label>{{ __('Ghi chú') }}</label>
                        <input type="text" name="note" class="form-control">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Hủy') }}</button>
                    <button type="submit" class="btn btn-warning"><i class="fa fa-money"></i> {{ __('Thu nợ') }}</button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>

    {{-- Modal: Ghi nợ tay --}}
    <div class="modal fade" id="manualDebtModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {{ Form::open(['route' => ['customers.debts.store', $item->id], 'method' => 'POST']) }}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title bold">{{ __('Ghi nợ tay') }}: {{ $item->fullname }}</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>{{ __('Số tiền nợ') }} <span class="text-danger">*</span></label>
                        <input type="number" name="amount" class="form-control" min="0.01" step="any" required>
                    </div>
                    <div class="form-group">
                        <label>{{ __('Ghi chú') }}</label>
                        <input type="text" name="note" class="form-control">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Hủy') }}</button>
                    <button type="submit" class="btn btn-primary"><i class="fa fa-plus"></i> {{ __('Ghi nợ') }}</button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection