@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            @include('layouts.sidebar')

            <div class="col-md-10">
                <div class="card">
                    <div class="panel panel-default">
                    <div class="card-header">
                        Criar Configuração de Campanha
                    </div>

                    <div class="card-body">

                        @if(Session::has('mensagem_sucesso'))
                            <div class="alert alert-success">
                                <strong>Alerta!</strong> {{Session::get('mensagem_sucesso')}}
                            </div>
                        @endif

                        @if(Session::has('mensagem_danger'))
                            <div class="alert alert-danger">
                                <strong>Error!</strong> {{Session::get('mensagem_danger')}}
                            </div>
                        @endif

                        <form action="{{url('/configuracao/recebe-criar')}}" method="post">

                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="cliente_id" value="{{ $cliente->id }}">

                            <div class="form-group">
                                <label >Nome</label>
                                <input required type="text" class="form-control" name="nome" placeholder="Inserir Nome da Configuração de Campanha">
                            </div>

                            <div class="form-group">
                                <label >Período Atual (Formato 20221, 20222)</label>
                                <input required type="text" class="form-control" name="periodo_atual" placeholder="Período Atual">
                            </div>

                            <div class="form-group">
                                <label >Período Acadêmico (Formato 1, 2, 3...)</label>
                                <input required type="text" class="form-control" name="periodo_academico" placeholder="Período Acadêmico">
                            </div>

                            <div class="form-group">
                                <label >Período de Ingresso (Opcional) (Formato 20221, 20222)</label>
                                <input type="text" class="form-control" name="periodo_ingresso" placeholder="Período Ingresso">
                            </div>

                            <h5 class="pt-3 pb-2"><b>Configuração de Cursos</b></h5>

                            <div class="form-check pb-3">
                                <input class="form-check-input" type="checkbox" id="checkTodosCursos">
                                <label class="form-check-label" for="checkTodosCursos"><b>SELECIONAR TODOS (Quantidade Total {{count($cursos)}})</b></label>
                            </div>

                            <div class="colpart2">
                                @foreach($cursos as $curso)
                                    <div class="form-check">
                                        <input class="form-check-input cursosCheckbox" type="checkbox" name="cursosCheckbox[]" id="{{$curso->ret_cursoid}}" value="{{$curso->ret_cursoid}}">
                                        <label class="form-check-label" for="{{$curso->ret_cursoid}}">{{$curso->ret_name}}</label>
                                    </div>
                                @endforeach
                            </div>

                            <style>
                                .colpart2{
                                    column-count: 2;
                                }
                            </style>

                            <h5 class="pt-4 pb-2"><b>Configuração de Contatos</b></h5>

                            <div class="col-md-6 float-left pl-0">
                                <div class="form-group">
                                    <label >Contato 1 (Formato dd/mm/YYYY)</label>
                                    <input required type="text" class="form-control contato1" name="contato1" placeholder="Contato 1">
                                </div>
                            </div>

                            <div class="col-md-6 float-left pr-0">
                                <div class="form-group">
                                    <label >Contato 2 (Formato dd/mm/YYYY)</label>
                                    <input type="text" class="form-control contato2" name="contato2" placeholder="Contato 2">
                                </div>
                            </div>

                            <div class="col-md-6 float-left pl-0">
                                <div class="form-group">
                                    <label >Contato 3 (Formato dd/mm/YYYY)</label>
                                    <input type="text" class="form-control contato3" name="contato3" placeholder="Contato 3">
                                </div>
                            </div>

                            <div class="col-md-6 float-left pr-0">
                                <div class="form-group">
                                    <label >Contato 4 (Formato dd/mm/YYYY)</label>
                                    <input type="text" class="form-control contato5" name="contato4" placeholder="Contato 4">
                                </div>
                            </div>

                            <div class="col-md-12 float-left pl-0 pr-0">
                                <div class="form-group">
                                    <label >Contato 5 (Formato dd/mm/YYYY)</label>
                                    <input type="text" class="form-control contato5" name="contato5" placeholder="Contato 5">
                                </div>
                            </div>

                            <div class="form-group">
                            <label >Status</label>
                            <select required class="form-select form-control" aria-label="Default select example" name="status">
                                <option selected value=''>Selecione o status</option>
                                <option value="ATIVO">Ativo</option>
                                <option value="INATIVO">Inativo</option>
                            </select>
                            </div>

                            <button type="submit" class="btn btn-primary">Cadastrar</button>
                            <a href="{{url('/configuracao')}}" class="btn btn-primary">Voltar</a>
                        </form>

                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
@endsection