@extends('layouts.main')
@push('styles')
<link href='{{asset('css/redtrack.css')}}' rel='stylesheet' />
<link rel="stylesheet" type="text/css" href="{{asset('DataTables/datatables.min.css')}}">
@endpush
@section('content')
<div class="card">
    <div class="card-block">
        <div class="col-md-12">
            <div class="panel panel-default">                   
                <div class="panel-heading">
                    <h1>
                        {{ __('strings.my_payments') }}
                        <span class="float-sm-right"> <a href="{{route('user_payment_add_view')}}" class="btn btn-primary">{{__('strings.add_new')}}</a></span>
                    </h1>
                </div>
                <hr>
                <div class="cc-selector panel-body">
                    <div class="table-responsive">
                        <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 (Auth::user()->payments as $payment)
                                @php $item = json_decode($payment->JSON_DATA); @endphp
                             
                                <tr>
                                    <td><label class="payment {{$item->type}}" /></label>
                                    <td>{{$item->alias}} </td>
                                    <td>{{$item->description}} </td>
                                    <td>
                                        <button type="button" class="btn btn-danger" onclick="deletePayment('{{$payment->ID}}','{{$item->type}}')" {{$item->type == 'CRED' ? "disabled":""}}>
                                            <i class="fa fa-trash"></i> &nbsp; {{__('strings.delete')}}
                                        </button>
                                    </td>                                    
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--
                <hr>
                <div class="panel-body">                
                    <button id="request_driver" type="button" class="btn btn-primary" onclick="">{{ __('strings.add_new_card') }}</button>                    
                </div>
                -->
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>

function deletePayment(idPayment, type) {
    if(type == 'CRED') {
        $.alert("{{__('strings.cannot_delete_paymet')}}");
        return;
    }
    window.scrollTo(0, 0);
    $.confirm("{{__('strings.delete_validation')}}", function(){
       $.post("{{Auth::user()->getREST()}}user/payments/delete",{token:"{{Auth::user()->SECURE_TOKEN}}",payment_id: idPayment}, function(response) {
            location.reload();
        })
        .fail(function(err) {
            $.alert("{{__('strings.error_message')}}");
        });
    });
}

</script>
@endpush