@extends('admin.layouts.main')
@section('title', 'Bank Cards')
@section('content')
    <div class="content-wrapper">
        <!-- Content -->
        <div class="row m-3">
            <div class="col-12">
                <div class="card ">
                    <div class="bank-card-title border-bottom">
                        <h5 class="text-uppercase text-dark ">
                            @lang('message.bank_cards')
                        </h5>
                        <div>
                            <a href="{{ route('admin.bankCards') }}" class="btn btn-primary">
                                @lang('message.bank_card_list')</a>
                        </div>

                    </div>

                    <div class="card-body">

                        <div class="row mt-4">
                            <div class="col-lg-12">
                                <form action="{{ route('admin.bankCards.update', $card->id) }}" class="ajaxSubmit"
                                    id="ajaxSubmit2" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" name="_method" value="PUT">
                                    <div class="row mb-2 justify-content-end ">
                                        <div class="col-md-3">
                                            <label for="" class="form-label">@lang('message.bank')</label>
                                        </div>

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

                                            {{-- <input class="form-control @error('transfer_fees') is-invalid @enderror"
                                                    type="text" name="transfer_fees"
                                                    value="{{ old('transfer_fees', $result) }}" value="{{ $result }}"
                                                    id="transfer_fees"> --}}

                                            <input class="form-control @error('bank_title') is-invalid @enderror"
                                                type="text" name="bank_title"
                                                value="{{ old('bank_title', $card->bank_title) }}" id="bank" readonly>


                                        </div>
                                    </div>
                                    <div class="row mb-2 justify-content-end ">
                                        <div class="col-md-3">
                                            <label for="" class="form-label">@lang('message.card_holder_name')</label>
                                        </div>

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



                                            <input class="form-control @error('holder_name') is-invalid @enderror"
                                                type="text" name="holder_name" value="{{ $card->holder_name }}"
                                                id="holder_name">


                                        </div>
                                    </div>
                                    <div class="row mb-2 justify-content-end ">
                                        <div class="col-md-3">
                                            <label for="" class="form-label">@lang('message.card_number')</label>
                                        </div>

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



                                            <input class="form-control @error('card_number') is-invalid @enderror"
                                                type="text" name="card_number"
                                                value="{{ formatCardNumber($card->card_number) }}" id="card_number">


                                        </div>
                                    </div>
                                    <div class="row mb-2 justify-content-end ">
                                        <div class="col-md-3">
                                            <label for="" class="form-label">@lang('message.qr_code')</label>
                                        </div>

                                        <div class="col-md-9">
                                            <input type="file" name="qr_code" class="form-control" id="qr_code">
                                            @if (!empty($card->qr_code))
                                                <div class="qr-image">
                                                    <a data-fancybox="gallery" class="shdw"
                                                        href="{{ asset(QR_CODES_PATH . '/' . $card->qr_code) }}"
                                                        target="_blank">
                                                        <img width="" class="media-item"
                                                            src="{{ asset(QR_CODES_PATH . '/' . $card->qr_code) }}"
                                                            alt="">
                                                    </a>

                                                </div>
                                                <div class="form-check">
                                                    <input name="remove_qr" class="form-check-input" type="checkbox"
                                                        value="1" id="remove_qr">
                                                    <label class="text-info form-check-label" for="remove_qr">
                                                        @lang('message.remove_qr_code')
                                                    </label>
                                                </div>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="row mb-2 justify-content-end ">
                                        <div class="col-md-3">
                                            <label for="" class="form-label">@lang('message.status')</label>
                                        </div>

                                        <div class="col-md-9">
                                            <select class="form-select @error('status') is-invalid @enderror"
                                                name="status">
                                                <option value="active" {{ $card->status == 'active' ? 'selected' : '' }}>
                                                    @lang('message.active')
                                                </option>
                                                <option value="inactive"
                                                    {{ $card->status == 'inactive' ? 'selected' : '' }}>
                                                    Inactive</option>

                                            </select>

                                        </div>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-md-9 offset-md-3">
                                            <button type="submit" class="btn btn-primary">
                                                <i class="bx bx-check"></i> @lang('message.save_details')
                                            </button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- / Content -->

    @endsection