@php
    $titulo = 'Checklist - SW'
@endphp
@include('components.head')

{{-- descricao
status -> perfeito, necessita manutiensao, danificado --}}
<div class="container">
    <h5>Informe os dados do epuipamento</h5>
    <div class="row">
        <form action="" >
            <div class="col-lg-12">
                <label for="" class="form-group">Equipamento</label>    
                <select name="" id="" class="form-control custom-select">
                    @foreach ($epis as $epi)
                        <option value="">{{$epi['item']}}</option>
                    @endforeach
                </select>
            </div>    
            <div class="col-lg-12 mt-2">
                <label for="" class="form-group">Descrição</label>
                <textarea name="" rows="5" class="form-control" id=""></textarea>
            </div>
            <div class="col-lg-12 mt-3">
                <div class="d-flex justify-content-center">
                    <div class="btn-group-toggle d-flex gap-4" data-toggle="buttons">
                        <div class="text-center">
                            <label class="btn btn-outline-primary rounded-circle p-4 d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                <input type="radio" name="options" id="option1" autocomplete="off" checked hidden>
                            </label>
                            <div class="mt-2">Perfeito</div>
                        </div>
                        <div class="text-center">
                            <div class="">
                                <label class="btn btn-outline-warning rounded-circle p-4 d-flex align-items-center justify-content-center ml-5" style="width: 60px; height: 60px;">
                                    
                                    <input type="radio" name="options" id="option2" autocomplete="off" hidden>
                                </label>
                                
                                <div class="mt-2">Necessita manutenção</div>
                            </div>
                        </div>
                        <div class="text-center">
                            <label class="btn btn-outline-danger rounded-circle p-4 d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                <input type="radio" name="options" id="option3" autocomplete="off" hidden>
                            </label>
                            <div class="mt-2">Danificado</div>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="col-lg-12 mt-5">
                <div class="d-flex justify-content-center">
                    <button type="button" class="btn btn-danger mr-3" onclick="window.location.href='{{route('gestaorisco.inicio')}}'">Cancelar</button>
                    <button type="submit" class="btn btn-success ml-3">Cadastrar</button>
                </div>
            </div>
        </form>    
    </div>
</div>
@include('components.footer')