@extends('layouts.app') @section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->

    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                            <div class="page-title text-danger">Sin Sucursal</div>
                        </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li>
                            <i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Crear Tarjeta</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 col-sm-12 ">
                    <a href="{{ url('cliente/ver/datos/' . $id) }}" class="btn btn-primary my-3">
                        Ir Atras
                    </a>
                    <div class="card card-box p-5">

                        <div class="card-head">
                            Crea una tarjeta
                        </div>
                        <div class="card-body ">
                            {!! Form::open([
                                'url' => 'tarjeta/cliente/' . $id,
                                'method' => 'POST',
                                'enctype' => 'multipart/form-data',
                                'role' => 'form',
                                'id' => 'frmClientes',
                            ]) !!}

                            <div class="row form-group">
                                <div class="col-md-6">
                                    <label for="">Emisor de Tarjeta</label>
                                    {!! Form::select('tarjeta', $tarjetas, $tarjeta, [
                                        'id' => 'tarjeta',
                                        'class' => 'form-control select2',
                                        'style' => 'width: 100%;',
                                        'placeholder' => 'Tarjeta',
                                        'onchange' => 'valorMin()',
                                    ]) !!}
                                </div>
                                <div class="col-md-6">
                                    <label for="">Numero</label>
                                    {!! Form::text('numero', $numero, [
                                        'id' => 'numero',
                                        'class' => 'form-control',
                                        'placeholder' => 'XXXXXXXX',
                                        'maxlength' => '10',
                                    ]) !!}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <label for="">Tarjeta Habiente</label>
                                    {!! Form::select('cliente', $cliente, $cliente, [
                                        'id' => 'cliente',
                                        'class' => 'form-control',
                                        'style' => 'width: 100%;',
                                        'placeholder' => 'Seleccionar',
                                    ]) !!}
                                </div>
                                <div class="col-md-6">
                                    <label for="telefonos" class="form-label">¿Cuenta Banco Polular?</label><br>
                                    <input type="checkbox" name="banco_popular" data-off="No" data-on="Si"
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger"
                                        onchange="accion_bank(this)">
                                </div>
                            </div>

                            <div class="row" id="popularBank">
                                <div class="col-md-6">
                                    <label for="">Bancos</label>
                                    {!! Form::select('banco', $bancos, $banco, [
                                        'id' => 'banco',
                                        'class' => 'form-control select2',
                                        'style' => 'width: 100%;',
                                        'placeholder' => 'Tarjeta',
                                    ]) !!}
                                </div>

                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="">Mes Vencimiento</label>
                                            {!! Form::select('mes', $meses, $mes, [
                                                'id' => 'mes',
                                                'class' => 'form-control select2',
                                                'style' => 'width: 100%;',
                                                'placeholder' => 'Mes',
                                            ]) !!}

                                        </div>
                                        <div class="col-md-6">
                                            <label for="">Año Vencimiento</label>
                                            {!! Form::select('year', $years, $year, [
                                                'id' => 'year',
                                                'class' => 'form-control select2',
                                                'style' => 'width: 100%;',
                                                'placeholder' => 'Año',
                                            ]) !!}
                                        </div>
                                    </div>

                                </div>

                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label for="">Estado</label>
                                    <br>
                                    {!! Form::select('estado', ['0' => 'Inactivo', '1' => 'Activo'], $estado, [
                                        'id' => 'estado',
                                        'placeholder' => '-Seleccionar-',
                                        'class' => 'form-control ',
                                        'style' => 'width: 80%;',
                                    ]) !!}
                                </div>
                            </div>

                            <button type="submit" class="btn bg-success mt-3">Aceptar</button>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function valorMin() {
            var data_emisor = $('#tarjeta').val();
            var data_registro = data_emisor.split('_');
            var data_numero = document.getElementById('numero');
            data_numero.maxLength = Number(data_registro[1]);
            numero.value = '';
        }

        $(document).ready(function() {
            $('#popularBank').show()
        })

        function accion_bank(checkboxElem) {

            if (checkboxElem.checked) {

                $('#popularBank').hide()
                //inputSubalterno.style.display = 'block';
            } else {
                $('#popularBank').show()
            }
        }
    </script>
@endsection