@extends('layout.backend')

@section('scripts')
@parent
    <script type="text/javascript" src="/js/plugins/jquery.mask.min.js"></script>
    <script type="text/javascript" src="/js/create-congregations.js"></script>
@endsection

@section('content')
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Adicionar Congregação</h6>
    </div>

    <div class="card-body">
        @if($errors->any())
        <div class="alert alert-danger alert-errors">
            <div class="mb-3"><strong>ATENÇÃO:</strong></div>

            <ul>
                @foreach ($errors->all() as $error)
                <li>{!! $error !!}</li>
                @endforeach
            </ul>
        </div>
        @endif

        {!! Form::open(['id' => 'form-add-congregation', 'url' => route('congregations.store'), 'autocomplete' => 'off']) !!}
        <div class="row">
            <div class="col-sm-12 col-md-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Nome da Congregação</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("congregation", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-2 mt-3">
                <label for="" class="col-12 col-6 p-0">Número</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("number", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-2 mt-3">
                <label for="" class="col-12 col-6 p-0">Circuito</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("circuit", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Caixa @jwpub.org</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("email", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Região</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("region_id", $regions, null, ['class' => "form-control", 'id' => 'region']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Estado</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("state_id", $states, $state, ['class' => "form-control", 'id' => 'choose-states']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Cidade</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("city_id", $cities, null, ['class' => "form-control", 'id' => 'cities']) !!}
                </div>
            </div>
            <div class="col-12">
                {!! Form::submit('SALVAR', ['class' => 'btn btn-primary mt-4']) !!}
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</div>
@endsection