{{--@dd($userData)--}}
@extends('layouts.main')

@section('title', 'Управление баллами')

@section('content')
    <div class="container mt-3 ms-2">
        <div class="row">
            <div class="col-md-6">
                <div class="card border-0 shadow-sm rounded-3 overflow-hidden">
                    <div class="card-header bg-danger bg-opacity-10 d-flex justify-content-center border-0 py-3">
                        <h6 class="card-title text-uppercase text-danger mb-0 fw-semibold">
                            Подтвердите информацию о пользователе
                        </h6>
                    </div>
                    <div class="card-body p-4">
                        <div class="d-flex flex-column gap-3">
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-muted small">ID:</span>
                                <span class="fw-semibold text-dark">{{ $userData->id ?? '-' }}</span>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-muted small">Пользователь:</span>
                                <span class="fw-semibold text-dark">{{ $userData->name ?? '-' }}</span>
                            </div>
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="text-muted small">Телефон:</span>
                                <span class="fw-semibold text-dark">{{ $userData->phone ?? '-' }}</span>
                            </div>
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="text-muted small">Номер карты:</span>
                                <span class="fw-semibold text-dark">{{ $userData->card_number ?? '-' }}</span>
                            </div>
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="text-muted small">Операция:</span>
                                <span class="fw-semibold text-dark">{{ $operationType }}</span>
                            </div>
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="text-muted small">Кол-во баллов:</span>
                                <span class="fw-semibold text-dark">{{ $operationData['scopes'] ?? '-' }}</span>
                            </div>
                        </div>

                        <form action="{{ route('loyalty.scores.makeTransaction') }}" method="post">
                            @csrf
                            <input type="hidden" name="card_id" value="{{ $userData->card_id ?? '' }}">
                            <input type="hidden" name="scopes" value="{{ $operationData['scopes'] ?? '' }}">
                            <input type="hidden" name="actions" value="{{ $operationData['actions'] ?? '' }}">

                            <div class="d-flex justify-content-center gap-2 mt-4">
                                <button class="btn btn-danger flex-grow-1">Подтвердить</button>
                                <a href="{{ route('loyalty.scores.index') }}" class="btn btn-outline-secondary flex-grow-1">
                                    Отклонить
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection