<?php if($quadro->id_quadro != 1) { ?>
<h4>Quadro não encontrado</h4>
<?php } else {?>
<div class="board-main">
    <div class="dragscroll container-board style-scroll-h">
        <div class="list-container">
            <h4>Aguardando atendimento</h4>
            <div class="list-wrapper ui-sortable style-scroll-v">
                <div class="list-content">
                    <div class="row dragdrop">
                        <div class="col-md-12 ui-sortable">
                            <div class="card card-accent-danger">
                                <div class="card-header ui-sortable-handle ">
                                    <div class="row">
                                        <div class="col-md-10">
                                            <div><a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseCadastro" aria-expanded="true">Sudoeste - QRSW 7 Bloco B-7</a></div>
                                            <div><a class="badge badge-danger" href="#" data-toggle="collapse" data-target="#collapseCadastro" aria-expanded="true">aguardando cadastro do dono</a></div> 
                                        </div>
                                        <div class="col-md-2">
                                            <div class="card-header-actions">
                                                <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseCadastro" aria-expanded="true"><i class="icon-settings"></i></a>
                                                <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseCadastro" aria-expanded="true"><i class="icon-arrow-up"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="collapse show" id="collapseCadastro">
                                    <div class="card-body style-scroll-card-v">
                                        <form id="formPreatendimento" action="" method="post">
                                            <div class="form-group">
                                               <label for="nome">Observação</label>
                                               <textarea class="form-control" id="textarea-input" name="textarea-input" rows="3" placeholder="Escreva aqui..."></textarea>
                                            </div>
                                            <div class="form-group">
                                                <button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-dot-circle-o"></i> Salvar</button>
                                            </div>
                                        </form>
                                        
                                        <div class="card">
                                            <div class="card-header">
                                                <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseCaptura" aria-expanded="false">Cadastro do Dono</a>
                                                <div class="card-header-actions">
                                                    <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseCaptura" aria-expanded="false"><i class="icon-arrow-up"></i></a>
                                                </div>
                                            </div>
                                            <div class="collapse" id="collapseCaptura">
                                                <div class="card-body">
                                                    <form id="formCaptura" action="" method="post">
                                                        <div class="form-group">
                                                           <label for="nome">Nome</label>
                                                           <input type="text" name="nome" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                           <label for="email">E-mail</label>
                                                           <input type="email" name="email" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="telefone">Telefone</label>
                                                            <input type="phone" name="telefone" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="cpf">CPF</label>
                                                            <input type="text" name="cpf" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                            <button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-dot-circle-o"></i> Salvar</button>
                                                            <button class="btn btn-sm btn-danger" type="reset"><i class="fa fa-ban"></i> Limpar</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="card">
                                            <div class="card-header">
                                                <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseImovel" aria-expanded="false">Cadastro do Imóvel</a>
                                                <div class="card-header-actions">
                                                    <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseImovel" aria-expanded="false"><i class="icon-arrow-up"></i></a>
                                                </div>
                                            </div>
                                            <div class="collapse" id="collapseImovel">
                                                <div class="card-body">
                                                    <form id="formImovel" action="" method="post">
                                                        <div class="form-group">
                                                           <label for="endereco">Endereço</label>
                                                           <input type="text" name="endereco" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                           <label for="bairro">Bairro</label>
                                                           <input type="text" name="bairro" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="cidade">Cidade</label>
                                                            <input type="text" name="telefone" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                           <label for="valor">Valor</label>
                                                           <input type="text" name="endereco" class="form-control">
                                                        </div>
                                                        <div class="form-group">
                                                            <button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-dot-circle-o"></i> Salvar</button>
                                                            <button class="btn btn-sm btn-danger" type="reset"><i class="fa fa-ban"></i> Limpar</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <?php for($i=1;$i<=1;$i++){ ?>
                                        <div class="card scroll-card">
                                            <div class="card-header">
                                                <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseAgenda" aria-expanded="false">Agendamento de visita</a>
                                                <div class="card-header-actions">
                                                    <a class="card-header-action btn-minimize" href="#" data-toggle="collapse" data-target="#collapseAgenda" aria-expanded="false"><i class="icon-arrow-up"></i></a>
                                                </div>
                                            </div>
                                            <div class="collapse" id="collapseAgenda">
                                                <div class="card-body">
                                                    <div class="form-group">
                                                       <label for="endereco">Autorização do dono</label>
                                                        <div class="form-label">
                                                            <div class="form-check form-check-inline mr-1">
                                                                <input class="form-check-input" id="inline-radio1" type="radio" value="option1" name="inline-radios">
                                                                <label class="form-check-label" for="inline-radio1">Sim</label>
                                                            </div>
                                                            <div class="form-check form-check-inline mr-1">
                                                                <input class="form-check-input" id="inline-radio2" type="radio" value="option2" name="inline-radios">
                                                                <label class="form-check-label" for="inline-radio2">Não</label>
                                                            </div>
                                                            <div class="form-check form-check-inline mr-1">
                                                                <input class="form-check-input" id="inline-radio3" type="radio" value="option3" name="inline-radios">
                                                                <label class="form-check-label" for="inline-radio3">Aguardando</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                       <label for="data_hora">Data e Hora</label>
                                                       <input type="datetime-local" name="data_hora" class="form-control">
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-dot-circle-o"></i> Salvar</button>
                                                        <button class="btn btn-sm btn-danger" type="reset"><i class="fa fa-ban"></i> Limpar</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <?php } ?>
                                        <div class="form-group float-right">
                                            <button class="btn btn-sm btn-primary" type="button"><i class="icon-arrow-right-circle"></i> Avançar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php for($i=1;$i<=5;$i++){ ?>
                <div class="list-content">
                    <div class="row dragdrop">
                        <div class="col-md-12 ui-sortable">
                            <div class="card card-accent-success">
                                <div class="card-header drag ui-sortable-handle">Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                            </div>
                            <div class="card-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
        <div class="list-container">
            <h4>Cadastros do Dono</h4>
            <div class="list-wrapper ui-sortable">
                <div class="list-content">
                    <div class="row dragdrop">
                        <div class="col-md-12 ui-sortable">
                            <div class="card card-accent-success">
                                <div class="card-header drag ui-sortable-handle">Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                            </div>
                            <div class="card-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="list-container">
            <h4>Cadastro do Imóvel</h4>
            <div class="list-wrapper ui-sortable">
                <div class="list-content">
                    <div class="row dragdrop">
                        <div class="col-md-12 ui-sortable">
                            <div class="card card-accent-info">
                                <div class="card-header drag ui-sortable-handle">
                                    Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                                </div>
                                <div class="card-body">
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                </div>
                            </div>
                        </div>
                   </div>
               </div>
            </div>
        </div>
        <div class="list-container">
            <h4>Cadastro do Imóvel</h4>
            <div class="list-wrapper ui-sortable">
                <div class="list-content">
                    <div class="row dragdrop">
                        <div class="col-md-12 ui-sortable">
                            <div class="card card-accent-info">
                                <div class="card-header drag ui-sortable-handle">
                                    Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                                </div>
                                <div class="card-body">
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                </div>
                            </div>
                        </div>
                   </div>
               </div>
            </div>
        </div>
    </div>
</div>
<?php } ?>