@extends('layouts.back')

@section('titulo', 'Despesas Fixas')

@section('page_header','Painel')

@section('breadcrumbs')
@if(isset($item->id))
@breadcrumbs(["itens" => ["Contas" => route('transacoes-caixa.index'), "Editar Despesa Fixa #" . $item->id => ""]])
@else
@breadcrumbs(["itens" => ["Contas" => route('transacoes-caixa.index'), "Criar Despesa Fixa" => "" ]])
@endif
@endsection

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

            <div class="row justify-content-end text-right">
                <div class="col-offset-md-6 col-md-6">
                    <div class="btn-group">
                        <button class="btn btn-sm btn-success waves-effect waves-light" onclick="$('#form-principal').submit();">Salvar</button>
                        @if($item->id)
                            <form id="item-{{$item->id}}" action="{{route('despesas-fixas.destroy', $item->id)}}" method="post">
                                <input type="hidden" name="_method" value="DELETE">
                                {!! csrf_field() !!}
                                <button class="btn btn-sm btn-danger waves-effect waves-light space-left-btn-top">Excluir</button>
                            </form>
                        @endif
                        <a href="{{route('despesas-fixas.index')}}" type="button" class="btn btn-sm btn-blue-grey waves-effect waves-light space-left-btn-top">Cancelar</a>
                    </div>
                </div>
            </div>

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

                <form action="{{ $item->id ? route('despesas-fixas.update', $item->id) : route('despesas-fixas.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">

                        @if ($errors->any())
                            <div class="row">
                                <div class="alert alert-danger col-md-6 col-md-offset-3">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    <ul style="margin-bottom: 0px;">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endif

                        <div class="row">
                            <div class="form-group col-md-3">
                                <label class="col-md-5 control-label" for="descricao">Descrição:</label>
                                <div class="col-md-12">
                                    <input type="text" class="form-control" name="descricao" id="descricao" maxlength="60" required value="{{old('descricao', $item->descricao)}}" placeholder="Ex: Aluguel">
                                </div>
                            </div>
                            <div class="form-group col-md-9">
                                <label class="col-md-5 control-label" for="fornecedor">Fornecedor:</label>
                                <div class="col-md-12">
                                    <select class="form-control" style="width: 100%;" id="fornecedor">
                                        @foreach ($fornecedores as $fornecedor)
                                            <option value="0">Selecione o fornecedor</option>
                                            {{-- <option value="{{$fornecedor->id}}" {{ $item->cliente_id == $fornecedor->id ? 'selected' : '' }} >{{$fornecedor->fantasia}}</option> --}}
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <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>
                                        <option value="0">Selecione o Centro de Custo</option>
                                        @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 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>
                                        <option value="0">Selecione a Instituição Financeira</option>
                                        @foreach ($instituicoes_financeiras as $instituicao)
                                            <option value="{{$instituicao->id}}" {{ $item->instituicao_financeira_id == $instituicao->id ? 'selected' : '' }} >{{$instituicao->nome}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label class="col-md-8 control-label" for="melhor_dia">Melhor Dia:</label>
                                        <div class="col-md-12">
                                            <input type="number" class="form-control" name="melhor_dia" id="melhor_dia" min="0" max="31" required value="{{old('melhor_dia', $item->melhor_dia)}}">
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="col-md-8 control-label" for="valor">Valor:</label>
                                        <div class="col-md-12 input-group-prepend">
                                            <span class="input-group-text font-weight-bold">R$</span>
                                            <input type="number" class="form-control" name="valor" id="valor" min="0" required value="{{old('valor', $item->valor)}}" placeholder="0,00">
                                        </div>
                                    </div>
                                </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('despesas-fixas.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>
@endpush