@extends('layouts.app')
@section('header')
    <style>
        .my-badge {
            font-size: 14px;
            font-weight: 1000;
            border-radius: 20%;
        }
    </style>
@endsection
@section('content')
    <div class="container my-5 body-content">
        <div class="row">
            <div class="col-lg-3 col-sm-12">
                @include('account.sidebar')
            </div>
            <div class="col-lg-9 col-sm-12">
                <div class="card">
                    <h5 class="card-header">{{ __('Convert points to credits') }}
                        <a href="{{ route('account.points.index') }}" class="float-end btn btn-sm btn-dark">{{ __('Points') }} <span class="fa fa-arrow-left"></span></a>
                    </h5>
                    <div class="card-body">
                        <div>
                            <span>{{ __('Current points value') }} </span>
                            <span class="badge bg-primary p-2 my-badge">
                                {{ auth()->user()->point }}
                            </span>
                        </div>
                        <div class="mt-2">
                            <span>{{ __('The amount of points converted so far') }} </span>
                            <span class="badge bg-success p-2 my-badge">
                                {{ abs($exchangedPoints) }}
                            </span>
                        </div>
                        <div class="mt-2">
                            <span>{{ __('Your wallet balance') }} </span>
                            <span class="badge bg-info p-2 my-badge">
                                {{ number_format(auth()->user()->credit) }} {{ __('Toman') }}
                            </span>
                        </div>
                        <hr>
                        <div class="alert alert-danger mt-2" role="alert">
                            <strong>{{ __('Attention') }}: </strong>
                            {!! __("The minimum points allowed to convert is :point",['point' => "<strong>". settings('minimum-points-allowed-to-convert'). "</strong>"]) !!}
                        </div>
                        @if(auth()->user()->point > settings('minimum-points-allowed-to-convert'))
                            <div style="direction: ltr !important;">
                                <livewire:account.point.exchange />
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection