@extends('layouts.back')

@section('titulo', 'Contas a Pagar')

@section('page_header','Painel')

@section('breadcrumbs')
@if(isset($item->id))
@breadcrumbs(["itens" => ["Contas a Pagar" => route('leads.index'), "Editar Conta a Pagar #" . $item->id => ""]])
@else
@breadcrumbs(["itens" => ["Contas a Pagar" => route('leads.index'), "Criar Conta a Pagar" => "" ]])
@endif
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">

            @component('components.financeiro.botoes-padroes-topo', ['route' => 'contas-pagar', 'item' => $item, 'tipo_conta' => 'pagar'])
            @endcomponent

            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ $item->id ? 'Editar Conta a Pagar' : 'Nova Conta a Pagar'}}</h4>
                </div>

                <form action="{{ $item->id ? route('contas-pagar.update', $item->id) : route('contas-pagar.store')}}" method="post" class="form-horizontal form-bordered" enctype="multipart/form-data" id="form-principal">
                    @csrf

                    {{ $item->id ? method_field('PATCH') : "" }}

                    <div class="card-body">

                        @component('components.outros.alerta-erros', compact('errors'))
                        @endcomponent

                        <div class="row">
                            <div class="form-group col-md-7">
                                <label class="col-md-5 control-label" for="consultor">Consultor:</label>
                                <div class="col-md-12">
                                    <select class="form-control" style="width: 100%;" name="consultor_id" id="consultor" required>
                                        @foreach ($consultores as $consultor)
                                            <option value="{{$consultor->id}}" {{ $item->user_id == $consultor->id ? 'selected' : '' }} >{{$consultor->nome}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-md-5">
                                <label class="col-md-8 control-label" for="centro_custo">Centro de Custo:</label>
                                <div class="col-md-12">
                                    <select class="form-control" style="width: 100%;" name="centro_custo_id" id="centro_custo" required>
                                        @foreach ($centros_custo as $centro_custo)
                                            <option value="{{$centro_custo->id}}" {{ $item->centro_custo_id == $centro_custo->id ? 'selected' : '' }} >{{$centro_custo->descricao}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="col-md-8 control-label" for="instituicao">Instituição Financeira:</label>
                                <div class="col-md-12">
                                    <select class="form-control" style="width: 100%;" name="instituicao_financeira_id" id="instituicao" required>
                                        @foreach ($instituicoes_financeiras as $instituicao)
                                            <option value="{{$instituicao->id}}" {{ $item->instituicao_financeira_id == $instituicao->id ? 'selected' : '' }} >{{$instituicao->nome}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="col-md-8 control-label" for="forma_pagamento">Forma de Pagamento:</label>
                                <div class="col-md-12">
                                    <select class="form-control" style="width: 100%;" name="forma_pagamento_id" id="forma_pagamento" required>
                                        @foreach ($formas_pagamento as $forma_pagamento)
                                            <option value="{{$forma_pagamento->id}}" {{ $item->forma_pagamento_id == $forma_pagamento->id ? 'selected' : '' }} >{{$forma_pagamento->descricao}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="col-md-8 control-label" for="data_vencimento">Vencimento:</label>
                                <div class="col-md-12">
                                    <input type="date" class="form-control" name="data_vencimento" id="data_vencimento" required value="{{old('data_vencimento', $item->data_vencimento)}}">
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="col-md-8 control-label" for="valor_a_pagar">Valor a Pagar:</label>
                                <div class="col-md-12 input-group input-group-prepend">
                                    <span class="input-group-text font-weight-bold">R$</span>
                                    <input type="text" class="form-control valor-mask-money" name="valor_a_pagar" id="valor_a_pagar" maxlength="13" required value="{{old('valor_a_pagar', $item->valor_a_pagar)}}" placeholder="0,00">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="card-footer">
                        <div class="ml-2">
                            <div class="btn-group">
                                <button class="btn btn-md btn-success waves-effect waves-light">Salvar</button>
                                <a href="{{ route('contas-pagar.index') }}" class="btn btn-md btn-blue-grey waves-effect waves-light">Cancelar</a>
                            </div>
                        </div>
                    </div>

                </form>


            </div>

        </div>
    </div>
@endsection

@push('footer_imports_end')
    <script src="{{ asset('adm/assets/js/contas.js') }}"></script>
    <script src="{{asset('js/validations/adm/valida.generico.js')}}"></script>
    <script src="{{asset('js/validations/adm/valida.contas-pagar.js')}}"></script>
@endpush