@extends('layouts.app')

@section('content')

    @page(['col'=>12, 'page'=>__('agendamento.create_crud', ['page'=>$page_create])])

    @alert(['msg' => session('msg'), 'status' => session('status')])
    @endalert

    @breadcrumb(['page'=>$page,'items'=>$breadcrumb ?? []])
    @endbreadcrumb


    @form(['action'=>route('agendamentoConfere'), 'method'=>'POST'])

    <fieldset class="fieldAgendar">
        <p id="agendar">Agendar horário</p>
    </fieldset>
    <fieldset class="calendario">       
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="08:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="08:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="08:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="09:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="09:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="09:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="10:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="10:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="10:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="11:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="11:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="11:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="13:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="13:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="13:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="14:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="14:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="14:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="15:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="15:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="15:40">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="16:00">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="16:20">
        <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="16:40">
        <br>
        <button class="enviarbtn" onclick="window.location = '{{ route('agendamentoConfere') }}'">@lang('agendamento.next')</button>
    </fieldset> 
   
    @endform

    @endpage


@endsection




