@extends('layouts.authenticated')

@section('extrajs')
    <script src="{{ asset('js/jquery.maskMoney.min.js') }}"></script>
    <script src="{{ asset('js/jquery.mask.min.js') }}"></script>
@endsection

@section('content')
<div class="container">
	<div class="row justify-content-md-center">
        <div class="col-md-8 col-12">
        	
        	<div class="card">
        		<div class="card-header">
                    <h4 class="card-title">Configurações</h4>
                </div>
        		<div class="card-content">
        			<div class="card-body">

                        <ul class="nav nav-tabs nav-fill" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="info-tab-fill" data-toggle="tab" href="#info-fill" role="tab" aria-controls="info-fill" aria-selected="false">Informações</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="fitbankrates-tab-fill" data-toggle="tab" href="#fitbankrates-fill" role="tab" aria-controls="fitbankrates-fill" aria-selected="false">Taxas Fitbank</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="clientrates-tab-fill" data-toggle="tab" href="#clientrates-fill" role="tab" aria-controls="clientrates-fill" aria-selected="false">Taxas Clientes</a>
                            </li>
                        </ul>

                        <div class="tab-content pt-1">
                            {{-- ABA INFORMAÇÔES --}}
                            <div class="tab-pane active" id="info-fill" role="tabpanel" aria-labelledby="info-tab-fill">
                                <div class="mt-1">
                                <h6 class="mb-0">Nome</h6>
                                <p>{{ $spsinfos->name }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">CNPJ</h6>
                                    <p>{{ formataCNPJ($spsinfos->cnpj) }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">Id interno Fitbank - Business Unit Id</h6>
                                    <p>{{ $spsinfos->businessunitid }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">Partner Id</h6>
                                    <p>{{ $spsinfos->partnerid }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">Key</h6>
                                    <p>{{ $spsinfos->key }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">Secret</h6>
                                    <p>{{ $spsinfos->secret }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">MarketPlaceId (Interno Fitbank)</h6>
                                    <p>{{ $spsinfos->mktplaceid }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">Email</h6>
                                    <p>{{ $spsinfos->suppliermail }}</p>
                                </div>
                                <div class="mt-1">
                                    <h6 class="mb-0">Telefone</h6>
                                    <p>{{ formataTelefone($spsinfos->supplierphone) }}</p>
                                </div>

                                <br><br>

                                <div class="divider divider-primary">
                                    <div class="divider-text">Informações bancárias</div>
                                </div>

                                <div class="text-right">
                                    <button type="button" class="btn btn-outline-success btn-sm waves-effect waves-light" data-toggle="modal" data-target="#contabanco">
                                        Adicionar Conta
                                    </button>    
                                </div>
                                <br><br>