@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::model($categorie, ['url'=>routeTenant('consorciado.atualizar', [$categorie->id]),'enctype'=>'multipart/form-data']) !!}






                    <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 @if($categorie->estado == $estado->id) selected @endif 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']) !!}
{{--                            @foreach($cidades as $c)--}}
{{--                                <option @if($categorie->cidade == $c->id) selected @endif value="{{$c->id}}">{{$c->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">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 do Presidente do CODEMA</label>
                            <input type="text" value="{{$categorie->nome_presidente}}" name="nome_presidente" class="form-control" id="email" placeholder="Nome" required>

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

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

                        </div>



                    </div>


                    <div  id="escoder" style="@if($categorie->nome_presidente_2 == null) display: none; @endif">
                        <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" value="{{$categorie->nome_presidente_2}}" 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" value="{{$categorie->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" style="@if($categorie->nome_presidente_2 != null) display: none; @endif" 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="@if($categorie->nome_presidente_2 == null) display: none; @endif" 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">
        $(document).ready(function(){

            $.get('/get-cidades/' + {{$categorie->estado}}, function (cidades) {
                $('select[name=cidade]').empty();
                $.each(cidades, function (key, value) {

                    if ( value.name == '{{$categorie->cidade}}'){


                        $('select[name=cidade]').append('<option selected="selected" value="' + value.name + '">' + value.name + '</option>');
                    }else {
                        $('select[name=cidade]').append('<option  value="' + value.name + '">' + value.name + '</option>');


                    }

                });
            });
        });
    </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