@extends('layouts.main')
@push('styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/redtrack.css')}}">
@endpush
@section('content')
<div class="row">
    <div class="col-md-2">
        <div class="list-group">
            <a href="{{route('quiq_users_edit_view',['user' => $user])}}" class="list-group-item">{{__('strings.user_profile')}}</a>
            <a href="{{route('quiq_users_nips_view',['user' => $user])}}" class="list-group-item">Nips</a>
            <a href="{{route('quiq_users_rates_view',['user' => $user])}}" class="list-group-item">{{__('strings.rates')}}</a>
            <a href="{{route('quiq_users_fixed_rates_view',['user' => $user])}}" class="list-group-item">{{__('strings.fixed_rates')}}</a>
            <a href="{{route('quiq_users_payments_view',['user' => $user])}}" class="list-group-item active">{{__('strings.payments')}}</a>
            <a href="{{route('quiq_user_deductions_view',['user' => $user])}}" class="list-group-item">{{__('strings.deductions')}}</a>
            <a href="{{route('quiq_user_drivers_view',['user' => $user])}}" class="list-group-item">{{__('strings.drivers')}}</a>
        </div>
    </div>
    <div class="col-md-10">
        <div class="card">  
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.payments') }}</h4>
                
                <div class="col-md-3">
                    <form method="post" action="{{route('quiq_users_payments_add_cash')}}">
                        <input type="hidden" name="user_token" value="{{$user->SECURE_TOKEN ?? ''}}">
                        {{csrf_field()}}
                        <button type="submit" class="btn btn-outline-shades" >   
                            <label class="payment EFEC" />{{ __('strings.submit_register') }} </label>
                        </button>
                    </form>
                </div>
                <div class="col-md-3">
                    <form method="post" action="{{route('quiq_users_payments_add_cred')}}">
                        <input type="hidden" name="user_token" value="{{$user->SECURE_TOKEN ?? ''}}">
                        {{csrf_field()}}
                        <button type="submit" class="btn btn-outline-shades" >   
                            <label class="payment CRED" />{{ __('strings.submit_register') }} </label>
                        </button>
                    </form>
                </div>   
                
            </div>
            <hr>
            <div class="card-body">                
                    <div class="cc-selector panel-body">
                        <table id="quiq-drivers-table" class="table hover mb-0">
                            <thead class="thead-inverse">
                                <tr>           	
                                    <th>{{__('strings.payment_type')}}</th>
                                    <th>{{__('strings.payment_alias')}}</th>
                                    <th>{{__('strings.description')}}</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($user->payments as $payment)
                                @php $item = $payment->JSON_DATA;@endphp
                                <tr>
                                    <td><label class="payment {{$item->type ?? ''}}" /></label>
                                    <td>{{$item->alias ?? ''}} </td>
                                    <td>{{$item->description ?? ''}} </td>
                                    <td>
                                        @if($payment->DELETED_AT)                                             
                                            <button type="button" class="btn btn-primary" onclick="restorePayment('{{$payment->ID ?? ''}}','{{$item->type ?? ''}}')">
                                                <i class="fa fa-refresh"></i> &nbsp; {{__('strings.restore')}}
                                            </button>
                                        @else 
                                            <button type="button" class="btn btn-danger" onclick="deletePayment('{{$payment->ID ?? ''}}','{{$item->type ?? ''}}')">
                                                <i class="fa fa-trash"></i> &nbsp; {{__('strings.delete')}}
                                            </button>
                                        @endif
                                    </td>                                    
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function deletePayment(idPayment, type) {
        window.scrollTo(0, 0);
        $.confirm("{{__('strings.delete_validation')}}", function(){
           $.post("{{Auth::user()->getQuiQREST()}}user/payments/delete",{token:"{{$user->SECURE_TOKEN}}",payment_id: idPayment}, function(response) {
                location.reload();
            })
            .fail(function(err) {
                $.alert("{{__('strings.error_message')}}");
            });
        });
    }
    
    
    function restorePayment(idPayment, type) {
        window.scrollTo(0, 0);
        $.confirm("{{__('strings.restore_validation')}}", function(){
           $.post("{{route('quiq_user_payment_restore')}}",{user_token:"{{$user->SECURE_TOKEN}}",payment_id: idPayment}, function(response) {
                location.reload();
            })
            .fail(function(err) {
                $.alert("{{__('strings.error_message')}}");
            });
        });
    }
</script>
@endpush