<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="historico-label">Histórico de reservas</h4>
</div>
<div class="modal-body">
    <check if="{{ isset(@success) }}">
        <div class="alert alert-success">{{ @success }}</div>
    </check>
    <check if="{{ isset(@error) }}">
        <div class="alert alert-danger">{{ @error }}</div>
    </check>
    <check if="{{ @contratos }}">
    <true>
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>Veículo</th>
                    <th>Placa</th>
                    <th>Saída</th>
                    <th>Entrada</th>
                    <th>Status</th>
                    <th>Ações</th>
                </tr>
            </thead>
            <tbody>
                {~ @status = array('R' => 'Reserva', 'A' => 'Aberto', 'F' => 'Faturado', 'C' => 'Cancelado') ~}
                <repeat group="{{ @contratos }}" value="{{ @contrato }}">
                <tr>
                    <td>{{ @contrato.marca }} {{ @contrato.modelo }}</td>
                    <td>{{ @contrato.placa }}</td>
                    <td>{{ @contrato.saida|date }}</td>
                    <td>{{ (@contrato.entrada?:@contrato.previsto)|date }}</td>
                    <td>{{ @status[@contrato.status] }}</td>
                    <td>
                    <check if="{{  @contrato.status == 'R' }}">
                        <a href="{{ @BASE }}{{ 'softsat_locacao_site_contrato_cancelar',@contrato|alias }}" class="btn btn-danger btn-xs contrato-cancelar">Cancelar</a>
                    </check>
                    </td>
                </tr>
                </repeat>
            </tbody>
        </table>
    </true>
    <false>
        <p>Você ainda não fez nenhuma reserva.</p>
    </false>
    </check>
</div>

<script>
$('.contrato-cancelar').click(function(evt) {
    evt.preventDefault();

    if(confirm('Deseja realmente cancelar a reserva?'))
        $(this).parents('.modal-content')
               .load(this.href);

    return false;
});
</script>