@extends(layoutTenant())
@section('title')
    <title>Adicionar novo Consorciado
        - Papel zero </title>
    @php $pagina = "Consorciados"; @endphp
@endsection
@section('content')


    <div class="row">
        <!-- ============================================================== -->
        <!-- validation form -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Adicionar novo Consorciado</h5>


                @if($errors->all())
                    <div class="alert alert-danger" role="alert">
                    <ul>

                            @foreach($errors->all() as $erro)
                                <li>{{$erro}}</li>

                            @endforeach

                    </ul>
                </div>
                @endif

                @if (session('success'))

                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>

                @endif
                @if (session('erro'))

                    <div class="alert alert-danger">
                        {{ session('erro') }}
                    </div>

                @endif
                <div class="card-body">

                        {!! Form::open(['url'=>routeTenant('consorciados.store'),'enctype'=>'multipart/form-data','class'=>'needs-validation','id'=>'formulario']) !!}
                        <div class="form-row">
                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                <label for="validationCustom03">Estado</label>
                                <select name="estado" class="custom-select" required>
                                    <option value="">Selecione um Estado</option>
                                    @foreach($estados as $estado)
                                        <option value="{{$estado->id}}">{{$estado->name}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                <label for="validationCustom05">Município</label>
                                {!! Form::select('cidade', ['0'=>'Selecione uma cidade'],null,['class' => 'custom-select']) !!}

                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                <label for="validationCustom05">Brasão do Município</label>
                                <input type="file" name="brasao" class="form-control" id="email" placeholder="Email" >

                            </div>



                        </div>

                        <div class="form-row">


                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="validationCustom05">Nome Completo </label>
                                <input type="text" name="nome_presidente" class="form-control" id="email" placeholder="Nome" required>

                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                <label for="validationCustom05">Cargo </label>
                                <input type="text" name="cargo" class="form-control" id="email" required placeholder="Digite o cargo ocupado" >

                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                <label for="validationCustom05">Assinatura </label>
                                <input type="file" name="assinatura_presidente" class="form-control" id="email" placeholder="Email" >

                            </div>




                        </div>

                        <div  id="escoder" style="display: none;">
                                <div class="form-row"  >


                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="validationCustom05">Nome Completo </label>
                                        <input type="text" name="nome_presidente_2" class="form-control" id="nome_presidente_2" placeholder="Nome" >

                                    </div>
                                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                        <label for="validationCustom05">Cargo </label>
                                        <input type="text" name="cargo_2" class="form-control" id="cargo_2"  placeholder="Digite o cargo ocupado" >

                                    </div>
                                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                        <label for="validationCustom05">Assinatura </label>
                                        <input type="file" name="assinatura_presidente_2"  class="form-control" id="assinatura_presidente_2" placeholder="Email" >

                                    </div>




                                </div>
                        </div>


<div id="escoder2" class="float-right"><a style="color: black;" onclick="$('#escoder').css('display','inline'); $('#escoder2').css('display','none'); $('#escoder3').css('display','inline');"> Adicionar assinante</a></div>
<div id="escoder3" style="display: none;" class="float-right"><a style="color: black;" onclick="$('#escoder').css('display','none');  $('#escoder3').css('display','none'); $('#escoder2').css('display','inline'); $('#assinatura_presidente_2').val(''); $('#cargo_2').val(''); $('#nome_presidente_2').val(''); "> Retirar assinante</a></div>














                        <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">

                            {!! Form::submit('Salvar ', ['class'=>'btn btn-primary']) !!}
                        </div>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- end validation form -->
        <!-- ============================================================== -->
    </div>


@endsection

@section('post-script')

    <script type="text/javascript">
        $('select[name=estado]').change(function () {
            var idEstado = $(this).val();

            $.get('/get-cidades/' + idEstado, function (cidades) {
                $('select[name=cidade]').empty();
                console.log(cidades)
                $.each(cidades, function (key, value) {
                    $('select[name=cidade]').append('<option value="' + value.name + '">' + value.name + '</option>');
                });
            });
        });
    </script>




@endsection