@extends('layouts.default')
@section('content')
	<div class="content">
		@if( $status )
			<div class="title m-b-md text-success">
				{{$message}}
			</div>
		@else
			<div class="title m-b-md text-danger">
				{{$message}}
			</div>
		@endif
		@if(!empty($pedidos))
		<br />
			<div class="row" style="width: 100%;font-size: 30px;">
					<strong>EMPRESA: {{$empresa}}</strong>
					<strong>{{date("d/m/Y H:i")}}</strong>
			</div>
			<br />
			@foreach($pedidos as $pedido)
				<div class="row" style="width: 100%;font-size: 25px;padding:10px; font-family: Arial;">
					{{$pedido}}
				</div>
			@endforeach
		@endif
	</div>
@endsection
<style type="text/css">
.text-danger {
    color: red;
    position:relative;
}
.text-danger::after{
    content:"+";
    position:absolute;
    top: -100px;
    left:50%;
    border: 1px solid;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: rotate(45deg);
}
.text-success{
	color: green;
    position:relative;
}
.text-success::after {
    content: "7";
    position: absolute;
    top: -100px;
    left: 50%;
    border: 1px solid;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 2.8rem;
    transform: rotate(65deg) rotateX(180deg);
}
@media (max-width: 480px){
	.text-danger, .text-success{
		font-size: 70px !important;
		width: 100%;
		display: block;
	}
}
</style>