{{--MODAL DETAILS CHARGES--}}
<div class="modal" id="detailsCharges" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.simple_view'))}}">
	<div class="modal-dialog modal-largest" role="document">
		<div class="modal-content">
			<div class="m-title">
				<span class="fx-grow-1 phll">
					{{ucfirst(trans('app.loads_view'))}}
				</span>
				<button class="m-cbtn-h phs-only" tabindex="110"
				        data-dismiss="modal"
				        data-toggle="tooltip"
				        data-placement="bottom"
				        title="{{ucfirst(trans('app.back'))}}">
					<i class="far fa-times-circle svg-medium-imp bold"></i>
				</button>
			</div>

			<div class="m-lib">
				<div class="frcc fx-grow-1">
					<div id="full_name">{{ucfirst(trans('app.loading_message'))}}</div>
					{{trans('app.space_separator')}}<div id="count_details_charges" class="italic no-bold font-12px sty-libelle-light"></div>
				</div>
			</div>

			<div class="blank-separator-1 w-100"></div>
			<div class="frec w-100">
				<div class="__filtreUniversel">
					<button class="Boutton no-zoom" title="{{ucfirst(trans('app.reset'))}}"
						data-toggle="tooltip" data-placement="bottom"
						id="chargesDetailsInput-reset">
						<i class="fas fa-magic"></i>
					</button>
					<input class="form-control uf" placeholder="{{ucfirst(trans('app.universal_filter'))}}" type="text"
								id="chargesDetailsInput" tabindex="6">
				</div>
			</div>



			<form action="{{route('charges.details', [null,null,null])}}" method="get"
			      class="needs-validation hide-submit m-form" novalidate>
				{{csrf_field()}}
				<input type="hidden" name="user_role_id" id="user_role_id">
				<input type="hidden" name="charge_month" id="charge_month">
				<input type="hidden" name="charge_year" id="charge_year">
				@include('charges.charges_detail')

				<div class="m-bottom">
					<button class="m-cbtn-h" tabindex="110"
							data-dismiss="modal"
							data-toggle="tooltip"
							data-placement="bottom"
							title="{{ucfirst(trans('app.back'))}}">
						<i class="far fa-times-circle bold"></i>
					</button>
				</div>

				<button id="details_back_to_top" title="{{ucfirst(trans('app.go_top'))}}">
					<i class="fas fa-arrow-up svg-huge sty-glow-txt"></i>
				</button>					
			</form>
		</div>
	</div>
</div>