@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title','Editando Opção de Pagamento')
{{-- vendor styles --}}
@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/pickers/pickadate/pickadate.css')}}">
@endsection
{{-- page styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/app-invoice.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/forms/select/select2.min.css')}}">
@endsection

@section('content')
    <!-- app invoice View Page -->
<section class="invoice-edit-wrapper">
  <div class="row">
    <!-- invoice view page -->
    <div class="col-xl-9 col-md-8 col-12">
      @if ($message = Session::get('success'))
      <div class="alert alert-success alert-block">
          <button type="button" class="close" data-dismiss="alert">×</button>
          <strong>{{ $message }}</strong>
      </div>
      @endif

      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <strong>Ops!</strong> Ouve algum problema.
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Cadastro Opção de Pagamento</h4>
        </div>
        <div class="card-content">
          <div class="card-body">
            <form action="{{ route('payment-option.update', $payment->id) }}" method="post" class="form form-horizontal">
            @csrf
            @method('PUT')
              <div class="form-body">
                <div class="row">
                  <div class="col-md-4">
                    <label>Conta</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <select name="bank_id" class="form-control selectOk" required>
                      <option value="">Selecione</option>
                      @foreach ($banks as $item)
                        <option value="{{ $item->id }}" @if ($payment->bank_id == $item->id)
                          {{ 'selected' }}
                        @endif >{{ $item->name }}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-md-4">
                    <label>Nome</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="text" id="first-name" class="form-control" name="name" value="{{ $payment->name }}" placeholder="Nome da Opção de pagamento" required>
                  </div>
                  <div class="col-md-4">
                    <label>Status</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="radio" name="status" value="1" @if ($payment->status == 1)
                        {{ 'checked' }}
                    @endif>Ativo
                    <input type="radio" name="status" value="0" @if ($payment->status == 0)
                    {{ 'checked' }}
                    @endif>Inativo
                  </div>
                  <div class="col-md-4">
                    <label>Juros</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="text" class="form-control fee" name="fee" value="{{ number_format($payment->fee, 2, ',', '.') }}" placeholder="Valor Juros">
                  </div>
                  <div class="col-md-4">
                    <label>Taxas</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="text" class="tax form-control" name="tax" value="{{ number_format($payment->tax, 2, ',', '.') }}" placeholder="Valor taxas">
                  </div>
                  <div class="col-md-4">
                    <label>Mora</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="number" class="form-control time" name="time" value="{{ $payment->time }}" placeholder="Valor Mora">
                  </div>
                  <div class="col-md-4">
                    <label>Parcelamento</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="number" class="form-control" name="installment" value="{{ $payment->installment }}" placeholder="Quantidade de parcelamento maximo">
                  </div>
                  <div class="col-md-4">
                    <label>Observação</label>
                  </div>
                  <div class="col-md-8 form-group">
                    <input type="text" class="form-control" name="obs" value="{{ $payment->obs }}" placeholder="Observação sobre a forma de pagamento">
                  </div>
                  <div class="col-sm-12 d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary mr-1 mb-1">Salvar</button>
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </form>
  </div>
</section>
@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>
<script src="{{asset('vendors/js/forms/repeater/jquery.repeater.min.js')}}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>
@endsection
{{-- page scripts --}}
@section('page-scripts')
<script>
  $(document).ready(function(){
    $('.selectOk').select2();
    $('.value').mask('000000000000000.00', {reverse: true});
    $('.fee').mask('00.00', {reverse: true});
    $('.tax').mask('00.00', {reverse: true});
    $('.time').mask('000000.00', {reverse: true});
  });
</script>
<script src="{{asset('js/scripts/pages/app-invoice.js')}}"></script>
<script src="{{asset('vendors/js/forms/select/select2.full.min.js')}}"></script>
<script src="{{asset('js/scripts/forms/select/form-select2.js')}}"></script>
@endsection