@extends('layouts.master_app')
@section('title') Dashboard @endsection

@section('css')
@endsection

@section('content')
	<!--begin::Toolbar-->
	<div class="toolbar py-2" id="kt_toolbar">
		<!--begin::Container-->
		<div id="kt_toolbar_container" class="container-fluid d-flex align-items-center">
			<!--begin::Page title-->
			<div class="flex-grow-1 flex-shrink-0 me-5">
				<!--begin::Page title-->
				<div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
					<!--begin::Title-->
					<h1 class="d-flex align-items-center text-dark fw-bold my-1 fs-3">Dashboard
					<!--begin::Separator-->
					<span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
					<!--end::Separator-->
					<!--begin::Description-->
					<small class="text-muted fs-7 fw-semibold my-1 ms-1"></small>
					<!--end::Description--></h1>
					<!--end::Title-->
				</div>
				<!--end::Page title-->
			</div>
			<!--end::Page title-->
			<!--begin::Action group-->
			<div class="d-flex align-items-center flex-wrap">
				<!--begin::Wrapper-->
				<div class="flex-shrink-0 me-2">
					
				</div>
				<!--end::Wrapper-->
				<!--begin::Wrapper-->
				<div class="d-flex align-items-center">
					
				</div>
				<!--end::Wrapper-->
			</div>
			<!--end::Action group-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Toolbar-->
	
	<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
		<!--begin::Container-->
		<div id="kt_content_container" class="container-xxl">
			<!--begin::Row-->
			<div class="row g-5 g-xl-10 mb-xl-10">
				<!--begin::Col-->
				<div class="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
					<!--begin::Card widget 16-->
					<div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-center border-0 h-md-50 mb-5 mb-xl-10" style="background-color: #080655">
						<!--begin::Header-->
						<div class="card-header pt-5">
							<!--begin::Title-->
							<div class="card-title d-flex flex-column">
								<!--begin::Amount-->
								<span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">{{$generated_quotes}}</span>
								<!--end::Amount-->
								<!--begin::Subtitle-->
								<span class="text-white opacity-50 pt-1 fw-semibold fs-6">Cotizaciones emitidas</span>
								<!--end::Subtitle-->
							</div>
							<!--end::Title-->
						</div>
						<!--end::Header-->
						<!--begin::Card body-->
						<div class="card-body d-flex align-items-end pt-0">
							<!--begin::Progress-->
							<div class="d-flex align-items-center flex-column mt-3 w-100">
								<div class="d-flex justify-content-between fw-bold fs-6 text-white opacity-50 w-100 mt-auto mb-2">
									<span>{{$proposals_sold}} propuestas vendidas</span>
									<span>{{ $generated_quotes!=0 ? number_format((100/$generated_quotes) * $proposals_sold,2) : 0 }}%</span>
								</div>
								<div class="h-8px mx-3 w-100 bg-light-danger rounded">
									<div class="bg-success rounded h-8px" role="progressbar" style="width: {{$generated_quotes!=0 ? (100/$generated_quotes) * $proposals_sold  : 0}}%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
							<!--end::Progress-->
						</div>
						<!--end::Card body-->
					</div>
					<!--end::Card widget 16-->
					
				</div>
				<!--end::Col-->
				<!--begin::Col-->
				<div class="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
					<!--begin::Card widget 17-->
					<div class="card card-flush h-md-50 mb-5 mb-xl-10">
						<!--begin::Header-->
						<div class="card-header pt-5">
							<!--begin::Title-->
							<div class="card-title d-flex flex-column">
								<!--begin::Info-->
								<div class="d-flex align-items-center">
									<!--begin::Currency-->
									<span class="fs-4 fw-semibold text-gray-400 me-1 align-self-start">$</span>
									<!--end::Currency-->
									<!--begin::Amount-->
									<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">{{number_format($total_proposals_current_month,2,'.',',')}}</span>
									<!--end::Amount-->
									<!--begin::Badge-->
									<span class="badge @if($total_proposals_current_month >= $total_proposals_last_month) badge-light-success @else  badge-light-danger @endif fs-base">
										<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
										@if($total_proposals_current_month >= $total_proposals_last_month) 
										<i class="fas fa-arrow-up text-success"></i> &nbsp;&nbsp;
										@else
										<i class="fas fa-arrow-down text-danger"></i> &nbsp;&nbsp;
										@endif
										<!--end::Svg Icon-->{{number_format($current_month_growth,2,'.',',')}}%
									</span>
									<!--end::Badge-->
								</div>
								<!--end::Info-->
								<!--begin::Subtitle-->
								<span class="text-gray-400 pt-1 fw-semibold fs-6">Valor de las cotizaciones <strong> {{ $current_month}} </strong></span>
								<!--end::Subtitle-->
							</div>
							<!--end::Title-->
						</div>
						<!--end::Header-->
						<!--begin::Card body-->
						<div class="card-body pt-2 pb-4 d-flex flex-wrap align-items-center">
							
							<!--begin::Labels-->
							<div class="d-flex flex-column content-justify-center flex-row-fluid">
								<!--begin::Label-->
								<div class="d-flex fw-semibold align-items-center">
									<!--begin::Bullet-->
									<div class="bullet w-8px h-3px rounded-2 bg-success me-3"></div>
									<!--end::Bullet-->
									<!--begin::Label-->
									<div class="text-gray-500 flex-grow-1 me-4">Emitidas</div>
									<!--end::Label-->
									<!--begin::Stats-->
									<div class="fw-bolder text-gray-700 text-xxl-end">${{number_format($total_generated_proposals_current_month,2,'.','.')}}</div>
									<!--end::Stats-->
								</div>
								<!--end::Label-->
								<!--begin::Label-->
								<div class="d-flex fw-semibold align-items-center my-3">
									<!--begin::Bullet-->
									<div class="bullet w-8px h-3px rounded-2 bg-primary me-3"></div>
									<!--end::Bullet-->
									<!--begin::Label-->
									<div class="text-gray-500 flex-grow-1 me-4">Vendidas</div>
									<!--end::Label-->
									<!--begin::Stats-->
									<div class="fw-bolder text-gray-700 text-xxl-end">${{number_format($total_proposals_sold_current_month,2,'.','.')}}</div>
									<!--end::Stats-->
								</div>
								<!--end::Label-->
								
							</div>
							<!--end::Labels-->
						</div>
						<!--end::Card body-->
					</div>
					<!--end::Card widget 17-->
				
				</div>
				<!--end::Col-->

				<!--begin::Col-->
				<div class="col-lg-12 col-xl-12 col-xxl-6 mb-5 mb-xl-0">
					<!--begin::Timeline widget 3-->
					<div class="card h-md-100">
						<!--begin::Header-->
						<div class="card-header border-0 pt-5">
							<h3 class="card-title align-items-start flex-column">
								<span class="card-label fw-bold text-dark">Tickets para Hoy</span>
								<span class="text-muted mt-1 fw-semibold fs-7">Tickets para este mes</span>
							</h3>
							<!--begin::Toolbar-->
							<div class="card-toolbar">
								<a href="/tickets" class="btn btn-sm btn-light">Reporte de tickets</a>
							</div>
							<!--end::Toolbar-->
						</div>
						<!--end::Header-->
						<!--begin::Body-->
						<div class="card-body pt-7 px-0">
							
												<!--begin::Body-->
						<div class="card-body pt-7 px-0">
							<!--begin::Nav-->
							<ul class="nav nav-stretch nav-pills nav-pills-custom nav-pills-active-custom d-flex justify-content-between mb-8 px-5">
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_1">
										<span class="fs-7 fw-semibold">Vie</span>
										<span class="fs-6 fw-bold">12</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_2">
										<span class="fs-7 fw-semibold">Sáb</span>
										<span class="fs-6 fw-bold">13</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_3">
										<span class="fs-7 fw-semibold">Dom</span>
										<span class="fs-6 fw-bold">14</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger active" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_4">
										<span class="fs-7 fw-semibold">Lun</span>
										<span class="fs-6 fw-bold">15</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_5">
										<span class="fs-7 fw-semibold">Mar</span>
										<span class="fs-6 fw-bold">16</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_6">
										<span class="fs-7 fw-semibold">Mie</span>
										<span class="fs-6 fw-bold">17</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_7">
										<span class="fs-7 fw-semibold">Jue</span>
										<span class="fs-6 fw-bold">18</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_8">
										<span class="fs-7 fw-semibold">Vie</span>
										<span class="fs-6 fw-bold">19</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								<!--begin::Nav item-->
								<li class="nav-item p-0 ms-0">
									<!--begin::Date-->
									<a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger" data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_9">
										<span class="fs-7 fw-semibold">Sáb</span>
										<span class="fs-6 fw-bold">20</span>
									</a>
									<!--end::Date-->
								</li>
								<!--end::Nav item-->
								
							</ul>
							<!--end::Nav-->	
							<!--begin::Tab Content (ishlamayabdi)-->
							<div class="tab-content mb-2 px-9">
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_1">
									<!--begin::Wrapper-->
										
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach

								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_2">
									
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_3">
									
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade show active" id="kt_timeline_widget_3_tab_content_4">
									@if(count($tickets_today) == 0 )
										<!--begin::Wrapper-->
										<div class="d-flex align-items-center mb-6">
											<!--begin::Bullet-->
											<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-default"></span>
											<!--end::Bullet-->
											<!--begin::Info-->
											<div class="flex-grow-1 me-5">
												<!--begin::Time-->
												<div class="text-gray-800 fw-semibold fs-2"></div>
												<!--end::Time-->
												<!--begin::Description-->
												<div class="text-gray-700 fw-semibold fs-6">No hay tickets programados para hoy</div>
												<!--end::Description-->
												
											</div>
											<!--end::Info-->
											
										</div>
										<!--end::Wrapper-->
									@else
										@foreach($tickets_today as $item)
										<!--begin::Wrapper-->
										<div class="d-flex align-items-center mb-6">
											<!--begin::Bullet-->
											<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
											<!--end::Bullet-->
											<!--begin::Info-->
											<div class="flex-grow-1 me-5">
												<!--begin::Time-->
												<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
												<!--end::Time-->
												<!--begin::Description-->
												<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
												<!--end::Description-->
												<!--begin::Link-->
												<div class="text-gray-400 fw-semibold fs-7">Agregado por 
												<!--begin::Name-->
													<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
												<!--end::Name-->
												</div>
												<!--end::Link-->
											</div>
											<!--end::Info-->
											<!--begin::Action-->
											<a href="/tickets/detail/{{$item->id}}" class="btn btn-sm btn-light" >Ver</a>
											<!--end::Action-->
										</div>
										<!--end::Wrapper-->
										@endforeach
									@endif
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_5">
										
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_6">
									
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_7">
									
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_8">
									
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
								<!--begin::Tap pane-->
								<div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_9">
										
									@foreach($tickets_calendar as $item)
										@if( $item->date == $fecha_bloque)
											<div class="d-flex align-items-center mb-6">
												<span data-kt-element="bullet" class="bullet bullet-vertical d-flex align-items-center min-h-70px mh-100 me-4 bg-{{$item->priority->color}}"></span>
														<div class="flex-grow-1 me-5">
															<!--begin::Time-->
															<div class="text-gray-800 fw-semibold fs-2">{{$item->contact->person->fullname}}</div>
															<!--end::Time-->
															<!--begin::Description-->
															<div class="text-gray-700 fw-semibold fs-6">{{$item->subject}}</div>
															<!--end::Description-->
															<!--begin::Link-->
															<div class="text-gray-400 fw-semibold fs-7">Agregado por 
															<!--begin::Name-->
																<a href="#" class="text-primary opacity-75-hover fw-semibold">{{$item->user->person->name}}</a>
															<!--end::Name-->
															</div>
															<!--end::Link-->
														</div>
												<!--<a href="#" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_create_project">View</a>-->
											</div>
										@endif
									@endforeach
								</div>
								<!--end::Tap pane-->
							</div>
							<!--end::Tab Content-->
							
							</div>
							<!--end: Card Body-->
						</div>
						<!--end: Card Body-->
					</div>
					<!--end::Timeline widget 3-->
				</div>
				<!--end::Col-->
			</div>
			<!--end::Row-->
			<!--begin::Row-->
			<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
				
				<div class="col-lg-12 col-xl-12 col-xxl-6 mb-5 mb-xl-0">
					<!--begin::Tables widget 14-->
					<div class="card card-flush h-md-100">
						<!--begin::Header-->
						<div class="card-header pt-7">
							<!--begin::Title-->
							<h3 class="card-title align-items-start flex-column">
								<span class="card-label fw-bold text-gray-800">Últimas cotizaciones</span>
							</h3>
							<!--end::Title-->
							<!--begin::Toolbar-->
							<div class="card-toolbar">
								<a href="/proposals" class="btn btn-sm btn-light">Historial</a>
							</div>
							<!--end::Toolbar-->
						</div>
						<!--end::Header-->
						<!--begin::Body-->
						<div class="card-body pt-6">
							<!--begin::Table container-->
							<div class="table-responsive">
								<!--begin::Table-->
								<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
									<!--begin::Table head-->
									<thead>
										<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
											<th class="p-0 pb-3 min-w-175px text-start"></th>
											<th class="p-0 pb-3 min-w-100px text-end">TOTAL</th>
											<th class="p-0 pb-3 min-w-175px text-end pe-12">ESTATUS</th>
										</tr>
									</thead>
									<!--end::Table head-->
									<!--begin::Table body-->
									<tbody>
										@foreach($last_proposals as $item)
										<tr>
											<td>
												<div class="d-flex align-items-center">
													<a href="/proposals/{{$item->uuid}}">
														<div class="symbol symbol-50px me-3">
															<span class="symbol-label bg-primary text-inverse-primary fw-bold">{{$item->contact->person->letters_name}}</span>
														</div>
													</a>
													<div class="d-flex justify-content-start flex-column">
														<a href="/proposals/{{$item->uuid}}" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">{{$item->contact->person->fullname}}</a>
														<span class="text-gray-400 fw-semibold d-block fs-7">Folio {{$item->folio}}</span>
													</div>
												</div>
											</td>
											<td class="text-end pe-0">
												<span class="text-gray-600 fw-bold fs-6">${{number_format($item->total,2,',','.')}}</span>
											</td>
											<td class="text-end pe-12">
												<span class="badge py-3 px-4 fs-7 badge-{{$item->status->color}}">{{$item->status->name}}</span>
											</td>
										</tr>
										@endforeach
										
									</tbody>
									<!--end::Table body-->
								</table>
							</div>
							<!--end::Table-->
						</div>
						<!--end: Card Body-->
					</div>
					<!--end::Tables widget 14-->
				</div>
				<!--end::Col-->

			
				<!--begin::Col-->
				<div class="col-xxl-6">
					<!--begin::Tables widget 14-->
					<div class="card card-flush h-md-100">
						<!--begin::Header-->
						<div class="card-header pt-7">
							<!--begin::Title-->
							<h3 class="card-title align-items-start flex-column">
								<span class="card-label fw-bold text-gray-800">Pagos de hoy</span>
							</h3>
							<!--end::Title-->
							<!--begin::Toolbar-->
							<div class="card-toolbar">
								<a href="/payments" class="btn btn-sm btn-light">Historial</a>
							</div>
							<!--end::Toolbar-->
						</div>
						<!--end::Header-->
						<!--begin::Body-->
						<div class="card-body pt-6">
							<!--begin::Table container-->
							<div class="table-responsive">
								<!--begin::Table-->
								<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
									<!--begin::Table head-->
									<thead>
										<!--begin::Table row-->
										<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
											<th class="min-w-125px">Cliente</th>
											<th class="min-w-125px"></th>
											<th class="min-w-125px"></th>
											<th class="text-end min-w-100px"></th>
										</tr>
										<!--end::Table row-->
									</thead>
									<!--end::Table head-->
									<!--begin::Table body-->
									<tbody class="text-gray-600 fw-semibold">
										@foreach($payments_today as $item)
										<!--begin::Table row-->
										<tr>
											<td>{{$item->client->person->fullname}}</td>
											<td>
												${{$item->amount}}
												<br><div class="badge badge-{{$item->status->color}} fw-bold">{{$item->status->name}}</div>
											</td>
											<td> @if(isset($item->service_contracted)) <span> {{ $item->service_contracted->service->name}} </span>@endif</td>
											<td>
												<a href="#" class="btn btn-light btn-active-light-primary btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Acciones
													<!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
													<span class="svg-icon svg-icon-5 m-0">
														<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
															<path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />
														</svg>
													</span>
													<!--end::Svg Icon-->
												</a>
												<!--begin::Menu-->
												<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
													<div class="menu-item px-3">
														<a href="/payments/{{$item->id}}" class="menu-link px-3">Ver pago</a>
													</div>
													<div class="menu-item px-3">
														<a href="/payments/edit/{{$item->id}}" class="menu-link px-3">Editar</a>
													</div>
													<div class="menu-item px-3">
														<a onclick="delete_item(this);" data="{{ route('payments.destroy', [$item->id]) }}" class="menu-link px-3" >Eliminar</a>
													</div>
												</div>
												<!--end::Menu-->
											</td>
										</tr>
										<!--end::Table row-->
										@endforeach
								
									</tbody>
									<!--end::Table body-->
								</table>
								<!--end::Table-->
							</div>
							<!--end::Table-->
						</div>
						<!--end: Card Body-->
					</div>
					<!--end::Tables widget 14-->
				</div>
				<!--end::Col-->
			</div>
			<!--end::Row-->
			
		</div>
		<!--end::Container-->
	</div>
@endsection

@section('js')


		<script src="/assets/app/js/widgets.bundle.js"></script>
@endsection