@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <div class="row">
            <div class="form-group col-lg-6">
                <label>{{ __('reps.name') }}</label>
                <input type="text" class="form-control" name="" placeholder="" value='{{ $user->name ?? "" }}'
                       readonly/>
            </div> <!-- end of form-group -->
            <div class="form-group col-lg-6">
                <label>{{ __('reps.email') }}</label>
                <input type="text" class="form-control" name="" placeholder="" value='{{ $user->email ?? "" }}'
                       readonly/>
            </div> <!-- end of form-group -->
            <div class="form-group col-lg-6">
                <label>{{ __('reps.phone') }}</label>
                <input type="text" class="form-control" name="" placeholder="" value='{{ $user->phone ?? "" }}'
                       readonly/>
            </div> <!-- end of form-group -->
            <div class="form-group col-lg-6">
                <label>{{ __('reps.balance') }}</label>
                <input type="text" class="form-control" name="" placeholder="" value='{{ $user->user_balance ?? "" }}'
                       readonly/>
            </div> <!-- end of form-group -->
            <div class="form-group col-lg-6">
                <label>{{ __('reps.id_number') }}</label>
                <input type="text" class="form-control" name="" placeholder="" value='{{ $user->id_number ?? "" }}'
                       readonly/>
            </div> <!-- end of form-group -->
        </div> <!-- end of row -->
    </div> <!-- end of border-item -->

    <div class="border-item">
        <div class="">
            <h6>{{ __('reps.add_deduct_balance') }}</h6>
            <form action="{{ route('reps.change.balance', $user->id) }}" method="post" class="form-row">
                @csrf
                <div class="form-group col-lg-2">
                    <label>{{ __('reps.symbol') }}</label>
                    <select name="symbol" class="form-control {{ $errors->has('symbol') ? 'is-invalid' : '' }}">
                        @foreach(['+', '-'] as $symbol)
                            <option @selected(old('symbol') == $symbol) value="{{ $symbol }}">
                                {{ $symbol }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col-lg-6">
                    <label>{{ __('reps.balance') }} </label>
                    <input type="number" min="0" step="0.01"
                           class="form-control {{ $errors->has('balance') ? 'is-invalid' : '' }}"
                           name="balance"
                           placeholder="{{ __('reps.balance') }}"
                           value='{{ old("balance") }}'/>
                </div> <!-- end of form-group -->
                <div class="form-group col-lg-4 text-center">
                    <button type="submit" class="butn" style="margin-top: 28px;">
                        <span>{{ __('dashboard.save') }}</span>
                    </button>
                </div> <!-- end of form-group -->
            </form>
        </div> <!-- end of row -->
    </div> <!-- end of border-item -->

    <div class="border-item">

        <div class="table-responsive">
            <table class="table table-bordered table-hover text-center">
                <thead>
                <tr>
                    <th>{{ __('reps.transaction_type') }}</th>
                    <th>{{ __('reps.description') }}</th>
                    <th>{{ __('reps.date') }}</th>
                    <th>{{ __('general.url') }}</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($balanceLogs as $log)
                    <tr>
                        <td>
                            @if ($log->symbol == '+')
                                <h6 class="badge badge-success">{{ $log->symbol }}</h6>
                            @else
                                <h6 class="badge badge-danger">{{ $log->symbol }}</h6>
                            @endif
                        </td>
                        <td>
                            {{ $log->log_description }}
                        </td>
                        <td>{{ $log->created_at->diffForHumans() }}</td>
                        <td>
                            @if($log->item_id && $log->url)
                                <a href="{{ $log->url }}" target="_blank">
                                    <i class="fas fa-eye"></i>
                                </a>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            {{ $balanceLogs->links('pagination::bootstrap-5') }}
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4"><h6>{{ __('general.no_results_found') }}</h6></td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div> <!-- end of table-responsive -->

    </div> <!-- end of border-item -->

@endsection

@section('inner_js')

@endsection