@extends('layouts.layout')
@section('title', 'Página de Pagos')
@section('content')

	<div class="row justify-content-between m-3">
		<div class="col-lg-3 offset-1">
			<h2 class="font-color-gergal">Pagos</h2>
		</div>
		<div class="col-4">
			<form {{-- action="{{ route('pedidos.filter') }}" --}} method="get">
				{{-- @csrf --}}
				<div class="form-group row">
					<div class="col-md-10 px-5 input-group">
						<div class="input-group-append">
							<span class="input-group-text"> Desde</span>
						</div>
						<input type="date" class="form-control" name="desde" id="desde"
							   value="{{$filter_desde->toDateString()}}">
					</div>
				</div>
				<div class="form-group row">
					<div class="col-md-10 px-5 input-group">
						<div class="input-group-append">
							<span class="input-group-text">Hasta</span>
						</div>
						<input type="date" class="form-control" name="hasta" id="hasta"
							   value="{{$filter_hasta->toDateString()}}">
					</div>
				</div>
				<div class="form-group row"  id="filter-button">
					<div class="col-2 px-5 ">
						<button class="btn btn-success " type="submit" id="filtrar">
							Filtrar
						</button>
					</div>
					<div class="col-6 ml-2">
						<a onclick="exportPagos()" type="button" class="btn btn-excel-gergal">Descargar listado<i class="fas fa-file-excel"></i></a>
					</div>
				</div>
			</form>
		</div>
		<div class="col-2">
			<form action="{{ route('pagos.export') }} "  id="export-pagos">
			</form>
		</div>
	</div>
	<div class="row justify-content-center">
		<div class="col-12 col-xl-10 table-responsive">
			@if(isset($mensaje))
				<p class="">{{$mensaje}}</p>
			@endif
			@if (empty($pagos))
				<p class="">No se tienen pagos registrados.</p>
			@else
				<table class="table table-bordered">
					<thead>
					<th scope="col">Pedido</th>
					<th scope="col">Total Pagado</th>
					<th scope="col">Impuestos</th>
					<th scope="col">Cargo de mercado pago</th>
					<th scope="col">Total Recibido</th>
					<th scope="col">Estado</th>
					<th scope="col">Fecha aprobado</th>

					</thead>
					<tbody>

					@foreach ($pagos as $pago)
						<tr>

							<td>
										{{$pago['external_reference']}}
							</td>

							<td class="text-right">
										${{number_format($pago['total_paid_amount'],2,',','.')}}
							</td>
							<td class="text-right">
										${{number_format($pago['tax'],2,',','.')}}
							</td>
							<td class="text-right">
										${{number_format($pago['fee'],2,',','.')}}
							</td>
							<td class="text-right">
								${{number_format($pago['net_received_amount'],2,',','.')}}
							</td>
							<td>{!!
                                    ($pago['status_detail'] === 'accredited') ?
                                    "<span class='badge badge-success'>Acreditado</span>" :
                                    "<span class='badge badge-danger'>Pendiente de pago</span>" !!}
							</td>
							<td>
								{{ \Carbon\Carbon::parse($pago['date_approved'])->format('d/m/Y H:i') }}
							</td>

						</tr>
					@endforeach
					</tbody>
				</table>
			@endif

		</div>

	</div>

@endsection
<script>
	function exportPagos(){
		let exportForm = document.getElementById("export-pagos");
		let filter_desde = document.getElementById('desde');
		let filter_hasta = document.getElementById('hasta');

		let filterHastaClon = filter_desde.cloneNode(true);
		let filterDesdeClon = filter_hasta.cloneNode(true);

		filterHastaClon.type = "hidden";
		filterDesdeClon.type = "hidden";
		exportForm.appendChild(filterDesdeClon);
		exportForm.appendChild(filterHastaClon);
		exportForm.submit();
	}
</script>