@extends('frontend.layouts.master')

@section('page_title')
    {{ __('account.movements.title') . ' ' . $sold['nomMoneda'] }}
@endsection

@section('head')
@endsection

@section('content-wrapper')
    <section style="background-color: #eee;">
        <div class="container mtop130 py-5">
            <div class="row">
                <div class="col text-center">
                    <h3>{{ __('account.movements.title') . ' ' . $sold['nomMoneda'] }}</h3>
                    <p>{!! __('account.dashboard.welcome', [
                        'customer_name' => $user['nom'],
                        'company_name' => $currentCompany->name
                    ]) !!}</p>
                    <p><b>{{ __('account.movements.sold') }}</b>{{ number_format($sold['saldo'], 2) }} {{ $sold['simbol'] }}</p>
                </div>
            </div>
        </div>

        <div class="card w-100 text-center">
            <div class="card-body table-responsive" >
                <table class="table table-striped">
                    <thead class="thead-dark">
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">{{ __('account.movements.table.business') }}</th>
                            <th scope="col">{{ __('account.movements.table.operation') }}</th>
                            <th scope="col">{{ __('account.movements.table.date') }}</th>
                            <th scope="col">{{ __('account.movements.table.price') }}</th>
                            <th scope="col">{{ __('account.movements.table.uses') }}</th>
                            <th scope="col">{{ __('account.movements.table.payed') }}</th>
                            <th scope="col">{{ __('account.movements.table.gifts') }}</th>
                        </tr>
                    </thead>

                    <tbody id="movements">

                    </tbody>
                </table>
                <button id="change-mov" class="site-btn link wow bounceInUp">{{ __('account.movements.table.change') }}</button>
            </div>
        </div>

    </section>
@endsection

@push('scripts')

<script>

    var pagination = 0;

    $(document).ready(function () {

        getMovements();

        $('#change-mov').click(function () {

            getMovements()

        });

    });

    function getMovements(){
        window.axios.post( '{{ route("backend.dashboard.movements-paginated.index") }}', {
            coind_id: '{{ $sold["idMoneda"] }}',
            start: pagination
        })
        .then(function (response) {
            console.log(response.data);
            pagination += response.data.totalRecords;
            if(pagination >= response.data.total){
                $('#change-mov').hide();
            }
            if(response.data.html){
                $('#movements').append(response.data.html);
            }
        })
        .catch(function (error) {
            console.log(error);
        });
    }

</script>

@endpush