@extends('layout.backend')

@section('styles')
@parent

<link href="/fullcalendar/packages/core/main.min.css" rel="stylesheet">
<link href="/fullcalendar/packages/daygrid/main.min.css" rel="stylesheet">
<link href="/css/bootstrap-datepicker3.min.css" rel="stylesheet">
@endsection

@section('scripts')
@parent

<script type="text/javascript" src="/fullcalendar/packages/core/main.min.js"></script>
<script type="text/javascript" src="/fullcalendar/packages/daygrid/main.min.js"></script>
<script type="text/javascript" src="/fullcalendar/packages/interaction/main.min.js"></script>
<script type="text/javascript" src="/fullcalendar/packages/core/locales/pt-br.js"></script>
<script type="text/javascript" src="/vendor/jquery-clock-timepicker/jquery-clock-timepicker.min.js"></script>
<script type="text/javascript" src="/js/plugins/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/js/plugins/bootstrap-datepicker.pt-BR.min.js"></script>
<script type="text/javascript" src="/js/globals-functions.js"></script>
<script type="text/javascript" src="/js/calendar-visits.js"></script>
@endsection

@section('content')

<div class="row">
    @if(session()->has('alert-error'))
    <div class="alert alert-danger w-100">{!! session()->get('alert-error') !!}</div>
    @endif

    @if(session()->has('alert-success'))
    <div class="alert alert-success w-100">{!! session()->get('alert-success') !!}</div>
    @endif

    @if($errors->any())
    <div class="alert alert-danger alert-errors w-100">
        <div class="mb-3"><strong>ATENÇÃO:</strong></div>

        <ul>
            @foreach ($errors->all() as $error)
            <li>{!! $error !!}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <div class="card shadow mb-4">
        <div class="card-body">
			<div class="row justify-content-center">
				<div class="alert alert-danger w-100 py-1 mx-2"><i class="fa fa-exclamation-circle" aria-hidden="true"></i>
					 A visão de calendário será desativada em breve. Dê preferência a usar a visão de lista.
				</div>
				<div class="col-sm-12 col-md-1 mt-3">
				</div>
                <div class="col-sm-12 col-md-5 mt-3">
					<div class="col-sm-12 col-md-8 mt-0">
						{!! Form::open(['id' => 'form-calender-region', 'url' => route('visits.calendar'), 'autocomplete' => 'off']) !!}
						{!! Form::select("region_id", $regions, $idregion, ['class' => "form-control", 'id'=>"region_id"]) !!}
						@method("GET")
						{!! Form::close() !!}
					</div>
				</div>
                <div class="col-sm-12 col-md-5 mt-0">
					<div class='float-right'>
						Legenda
						<p>
							<span class="badge badge-success">EM ABERTO</span>
							<span class="badge badge-info">FINALIZADA</span>
							<span  class="badge badge-danger">CANCELADA</span>
						</p>
					</div>
                </div>
				<div class="col-sm-12 col-md-1 mt-3">
				</div>

			</div>
            <div class="row justify-content-center">
                <div class="col-sm-12 col-md-10 mt-8">
                    <div id='calendar'></div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('components.visits.create-modal')
@include('components.visits.edit-modal')
@endsection