{{--
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 *
 * LICENSE
 * -------
 * This software is furnished under a license and may be used and copied
 * only in accordance with the terms of such license and with the inclusion
 * of the above copyright notice. If you Purchased from CodeCanyon,
 * Please read the full License from here - http://codecanyon.net/licenses/standard
--}}
@extends('layouts.master')

@php
    $cards ??= [];
@endphp

@section('content')
    @includeFirst([config('larapen.core.customizedViewPath') . 'common.spacer', 'common.spacer'])
    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-3 page-sidebar">
                    @includeFirst([
                        config('larapen.core.customizedViewPath') . 'account.inc.sidebar',
                        'account.inc.sidebar',
                    ])
                </div>

                <div class="col-md-9 page-content">

                    @include('flash::message')

                    @if (isset($errors) && $errors->any())
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="btn-close" data-bs-dismiss="alert"
                                aria-label="{{ t('Close') }}"></button>
                            <h5><strong>{{ t('oops_an_error_has_occurred') }}</strong></h5>
                            <ul class="list list-check">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="inner-box default-inner-box" style="overflow: visible;">
                        {{-- Payment Cards --}}
                        <div class="row">
                            @foreach ($cards as $key => $card)
                                <div class="col-md-6 mb-3">
                                    <div class="card ratio ratio-16x9">
                                        <div class="card-body row align-content-around">
                                            <div class="row m-auto">
                                                <div class="d-flex align-items-center justify-content-between">
                                                    <div class="col-md-7">
                                                        @if (!empty($card['firstName']) || !empty($card['lastName']))
                                                            <h5 class="pb-1">
                                                                {{ $card['firstName'] ?? '' }} {{ $card['lastName'] ?? '' }}
                                                            </h5>
                                                        @endif
                                                        <h5 class="py-1">
                                                            {{ $card['cardNumb'] }}
                                                        </h5>
                                                        <h5 class="pb-0">
                                                            {{ $card['expiry'] }}
                                                        </h5>
                                                    </div>
                                                    <div class="col-md-5 text-right">
                                                        <img src="{{ $card['brandUrl'] }}"
                                                            alt="{{ $card['brand'] ?? 'Default' }} logo" width="60">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row m-auto align-items-center">
                                                <div class="col-md-7 col">
                                                    <h4 class="py-1 w-100">
                                                        {{ $card['cardType'] }}
                                                    </h4>
                                                </div>
                                                <div class="col-md-5 col">
                                                    <form action="{{ url('account/wallet/card/' . $card['pmID']) }}"
                                                        method="POST">
                                                        {!! csrf_field() !!}
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-danger w-100">
                                                            {{ 'Remove' }}
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-md-6 mb-3">
                                <div class="card ratio ratio-16x9">
                                    <a href="{{ url('account/wallet/card') }}"
                                        class="card-body d-flex text-center align-items-center justify-content-center">
                                        <h5 class="p-0">
                                            <i class="fas fa-plus"></i>
                                            </br>
                                            {{ 'New Card' }}
                                        </h5>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('after_scripts')
@endsection