@extends('layouts.app')

@section('content')

<!-- BEGIN: Content-->
    <div class="app-content content ">
      <div class="content-overlay"></div>
      <div class="header-navbar-shadow"></div>
      <div class="content-wrapper">
        <div class="content-header row">
          <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
              <div class="col-12">
                <h2 class="content-header-title float-left mb-0">Mercado Pago</h2>
                <div class="breadcrumb-wrapper">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('mercadopago.edit', Auth::user()->id )}}">Configurar Mercado Pago</a>
                    </li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Informações do Meu Mercado Pago</h4>
        </div>
        <div class="card-body">
        @if($mercadopago->count() > 0)
        <form method="POST" action="{{ route('mercadopago.update', $mercadopago[0]->id) }} " onsubmit="carregando()">
            {!! method_field('PUT') !!}
        @else
          <form class="form form-vertical" method="POST" action="{{route('mercadopago.store')}}" onsubmit="carregando()">
          @endif
            {{ csrf_field() }}
            <div class="row">
              <div class="col-12">
                <div class="form-group">
                  <label for="first-name-icon">Public Key</label>
                  <div class="input-group input-group-merge">
                    <div class="input-group-prepend">
                      <span class="input-group-text"><i data-feather='key'></i></span>
                    </div>
                    @if($mercadopago->count() > 0)
                      <input type="text" id="first-name-icon" class="form-control" name="user_key" placeholder="Coloque aqui o Public Key" value="{{$mercadopago[0]->user_key}}" required/>
                    @else
                      <input type="text" id="first-name-icon" class="form-control" name="user_key" placeholder="Coloque aqui o Public Key" required/>
                    @endif

                  </div>
                </div>
              </div>
                <div class="col-12">
                    <div class="form-group">
                    <label for="email-id-icon">Access Token</label>
                    <div class="input-group input-group-merge">
                        <div class="input-group-prepend">
                        <span class="input-group-text"><i data-feather='tool'></i></span>
                        </div>
                        @if($mercadopago->count() > 0)
                            <input type="text" id="email-id-icon" class="form-control" name="client_id" placeholder="Coloque aqui o Access Token" value ="{{$mercadopago[0]->client_id}}" required/>
                        @else
                            <input type="text" id="email-id-icon" class="form-control" name="client_id" placeholder="Coloque aqui o Access Token" required/>
                        @endif
                    </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label for="password-icon">Valor Revenda (Este valor será utilizado se o REVENDA não estiver com valor cadastrado)</label>
                        <div class="input-group input-group-merge">
                            <div class="input-group-prepend">
                            <span class="input-group-text"><i data-feather='dollar-sign'></i></span>
                            </div>
                            @if($mercadopago->count() > 0)
                                <input type="number" id="password-icon" class="form-control" name="valor_revenda" placeholder="Coloque o valor do crédito para seus Revendas" value ="{{$mercadopago[0]->valor_revenda}}" min="10" required/>
                            @else
                                <input type="number" id="password-icon" class="form-control" name="valor_revenda" placeholder="Coloque o valor do crédito para seus Revendas" min="10" required/>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                    <label for="email">Valor Cliente (Este valor será utilizado se o CLIENTE não estiver com valor cadastrado)</label>
                        <div class="input-group input-group-merge">
                            <div class="input-group-prepend">
                            <span class="input-group-text"><i data-feather='dollar-sign'></i></span>
                            </div>
                            @if($mercadopago->count() > 0)
                                <input type="number" id="password-icon" class="form-control" name="valor_cliente" placeholder="Coloque o valor do crédito para seus Clientes" value ="{{$mercadopago[0]->valor_cliente}}" min="25" required/>
                            @else
                                <input type="number" id="password-icon" class="form-control" name="valor_cliente" placeholder="Coloque o valor do crédito para seus Clientes" min="25" required/>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    @if($mercadopago->count() > 0)
                        <button type="submit" id="btneditar" class="btn btn-primary mr-1">Editar</button>
                    @else
                        <button type="submit" id="botao" class="btn btn-primary mr-1">Cadastrar</button>
                    @endif
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    </div>
@endsection

@push('scripts')
    <script>
        function carregando() {
            document.getElementById("botao").disabled = true;
        };
    </script>

    <script>
        function carregando() {
            document.getElementById("btneditar").disabled = true;
        };
    </script>

    @if(!empty(Session::get('msg')) && Session::get('msg') == 1)
    <script>
        Swal.fire({title:"Sucesso!",text:"Informações cadastradas com Sucesso",icon:"success",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

     @if(!empty(Session::get('msg')) && Session::get('msg') == 2)
    <script>
        Swal.fire({title:"Sucesso!",text:"Informações alteradas com Sucesso",icon:"success",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

@endpush