@extends('layouts.backoffice')

@section('content')

<form method="post" action="/credito/salvar-transacao" class="form-ajax">

    @csrf
    <input type="hidden" name="id_cupom_credito" value="{{ $creditoModel->id }}">

    <div class="row">

        {{-- Informações do pacote comprado --}}
        <div class="col-md-4">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Informações do pacote</h3>
                </div>
                <div class="box-body">
                    <ul class="products-list product-list-in-box">
                        <li class="item">
                            <div class="product-img">
                                <img src="{{ asset('/admin_lte/dist/img/default-50x50.gif') }}" alt="Produto">
                            </div>
                            <div class="product-info">
                                <a href="javascript:void(0)" class="product-title">
                                    Pacote de {{ \App\Helpers\Monetario::formataParaMoeda($creditoModel->valor) }}.
                                    {{-- <span class="label label-warning pull-right">$1800</span> --}}
                                </a>
                                {{-- <span class="product-description">
                                    Você esta carregando {{ \App\Helpers\Monetario::formataParaMoeda($creditoModel->valor) }} e <br> ganhando mais {{ \App\Helpers\Monetario::formataParaMoeda($creditoModel->bonus) }} de bônus.
                                </span> --}}
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        {{-- Dados do dono do cartão --}}
        <div class="col-md-4">
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">Dados do proprietário do cartão</h3>
                </div>
                    @csrf
                    <input type="hidden" name="id_cupom_credito" value="{{ $creditoModel->id }}">
                    <div class="box-body form-horizontal">

                        <div class="form-group has-feedback {{ $errors->has('nome_completo') ? 'has-error' : '' }}">
                            <label class="col-sm-4 control-label">Nome</label>
                            <div class="col-sm-8">
                                <input type="text" name="nome_completo" class="form-control" placeholder="Nome completo" value="{{ old('nome_completo') }}">
                                @if ($errors->has('nome_completo'))
                                <span class="help-block">
                                    {{ $errors->first('nome_completo') }}
                                </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group has-feedback {{ $errors->has('data_nascimento') ? 'has-error' : '' }}">
                            <label class="col-sm-4 control-label">Data nascto</label>
                            <div class="col-sm-8">
                                <input type="text" name="data_nascimento" class="form-control mascara-data" placeholder="Data nascimento" value="{{ old('data_nascimento') }}">
                                @if ($errors->has('data_nascimento'))
                                <span class="help-block">
                                    {{ $errors->first('data_nascimento') }}
                                </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group has-feedback {{ $errors->has('cpf') ? 'has-error' : '' }}">
                            <label class="col-sm-4 control-label">CPF</label>
                            <div class="col-sm-8">
                                <input type="text" name="cpf" class="form-control mascara-cpf" placeholder="CPF" value="{{ old('cpf') }}">
                                @if ($errors->has('cpf'))
                                <span class="help-block">
                                    {{ $errors->first('cpf') }}
                                </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group has-feedback {{ $errors->has('telefone') ? 'has-error' : '' }}">
                            <label class="col-sm-4 control-label">Telefone</label>
                            <div class="col-sm-8">
                                <input type="text" name="telefone" class="form-control mascara-telefone" placeholder="Telefone" value="{{ old('telefone') }}">
                                @if ($errors->has('telefone'))
                                <span class="help-block">
                                    {{ $errors->first('telefone') }}
                                </span>
                                @endif
                            </div>
                        </div>

                    </div>
                    
                    <div class="box-footer">
                        <button type="submit" class="btn btn-info pull-right">Efetuar compra</button>
                    </div>

            </div>
        </div>

        {{-- Dados do cartão --}}
        <div class="col-md-4">
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">Dados do cartão</h3>
                </div>
                <div class="box-body form-horizontal">

                    <div class="form-group has-feedback {{ $errors->has('numero_cartao') ? 'has-error' : '' }}">
                        <label class="col-sm-4 control-label">Número</label>
                        <div class="col-sm-8">
                            <input type="text" name="numero_cartao" class="form-control" placeholder="Número do cartão de crédito" value="{{ old('numero_cartao') }}">
                            @if ($errors->has('numero_cartao'))
                            <span class="help-block">
                                {{ $errors->first('numero_cartao') }}
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group has-feedback {{ $errors->has('mes') ? 'has-error' : '' }}">
                        <label class="col-sm-4 control-label">Mês vencto</label>
                        <div class="col-sm-8">
                            <select name="mes" class="form-control" placeholder="Mês de vencto">
                                {!! \App\Helpers\Utilidade::formataArrayParaSelect($meses, old('mes')) !!}
                            </select>
                            @if ($errors->has('mes'))
                            <span class="help-block">
                                {{ $errors->first('mes') }}
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group has-feedback {{ $errors->has('ano') ? 'has-error' : '' }}">
                        <label class="col-sm-4 control-label">Ano vencto</label>
                        <div class="col-sm-8">
                            <select name="ano" class="form-control" placeholder="Mês de vencto">
                                {!! \App\Helpers\Utilidade::formataArrayParaSelect($anos, old('ano')) !!}
                            </select>
                            @if ($errors->has('ano'))
                            <span class="help-block">
                                {{ $errors->first('ano') }}
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group has-feedback {{ $errors->has('cvv') ? 'has-error' : '' }}">
                        <label class="col-sm-4 control-label">CVV</label>
                        <div class="col-sm-8">
                            <input type="text" name="cvv" class="form-control" placeholder="CVV" value="{{ old('cvv') }}">
                            @if ($errors->has('cvv'))
                            <span class="help-block">
                                {{ $errors->first('cvv') }}
                            </span>
                            @endif
                        </div>
                    </div>
                    
                </div>
                    
            </div>
        </div>

    </div>

</form>

@endsection