@extends('app')

@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			<div class="panel panel-default">
				<div class="panel-heading">
					<center>Abrir Caja</center>
				</div>

				<div class="panel-body">
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="{{ url('/cajera') }}">Opciones</a></li>
						</ul>
					</div>

					@if (count($errors) > 0)
						<div class="alert alert-danger">
							<strong>Whoops!</strong> Hay algunos problemas.<br><br>
							<ul>
								@foreach ($errors->all() as $error)
									<li>{{ $error }}</li>
								@endforeach
							</ul>
						</div>
					@endif

					@if ($alert = Session::get('alert-success'))
						<div class="alert alert-success">
							{!! $alert !!}
						</div>
					@endif
					@if ($alert = Session::get('alert-danger'))
						<div class="alert alert-danger">
							{!! $alert !!}
						</div>
					@endif

					@if (session('alert-info') && old('Nombre') && Auth::check())
						<div class="alert alert-info">
							{{ session('alert-info') }}
							{!! Form::open(['url' => '/iniciar', 'method' => 'POST', 'style' => 'margin-top:10px; display:inline;']) !!}
								{{-- Campos ocultos para reenviar los mismos datos --}}
								{!! Form::hidden('Nombre', old('Nombre')) !!}
								{!! Form::hidden('saldo', old('saldo')) !!}
								{!! Form::hidden('email', old('email')) !!}
								{!! Form::hidden('password', session('password')) !!}
								{!! Form::hidden('reabrir', 1) !!}
								{!! Form::submit('Sí', ['class' => 'btn btn-primary btn-sm']) !!}
							{!! Form::close() !!}
							{!! Form::open(['url' => '/iniciar', 'method' => 'POST', 'style' => 'margin-top:10px; display:inline;']) !!}
								{{-- Campos ocultos para reenviar los mismos datos --}}
								{!! Form::hidden('Nombre', old('Nombre')) !!}
								{!! Form::hidden('saldo', old('saldo')) !!}
								{!! Form::hidden('email', old('email')) !!}
								{!! Form::hidden('password', session('password')) !!}
								{!! Form::hidden('reabrir', 0) !!}
								{!! Form::submit('No', ['class' => 'btn btn-warning btn-sm']) !!}
							{!! Form::close() !!}
						</div>
					@endif

					<div class="form-horizontal">
						{!! Form::open(['url' => '/iniciar', 'method' => 'POST', 'role' => 'form',
						'id' => 'form-abrir-caja']) !!}
							{!! Form::token() !!}

							<div class="form-group">
								<div class="col-md-4 control-label">
									{!! Form::label('Nombre', 'Nombre Caja') !!}
								</div>
								<div class="col-md-6">
									{!! Form::select('Nombre', @$caja, @old('Nombre'), ['class' => 'form-control', 'required']) !!}
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-4 control-label">
									{!! Form::label('saldo', 'Saldo Inicial') !!}
								</div>
								<div class="col-md-6">
									{!! Form::number('saldo', @old('saldo'), ['class' => 'form-control', 'required']) !!}
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-4 control-label">Email Administrador</label>
								<div class="col-md-6">
									<input type="email" class="form-control" name="email" value="{{ old('email') }}">
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-4 control-label">Contraseña</label>
								<div class="col-md-6">
									<input type="password" class="form-control" name="password">
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-6 col-md-offset-4">
									<button type="button" id="btn-iniciar" class="btn btn-primary">
										Iniciar Caja
									</button>
								</div>
							</div>

						{!! Form::close() !!}


<div class="modal fade" id="confirmarModal" tabindex="-1" role="dialog" aria-labelledby="confirmarModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="confirmarModalLabel">Confirmar acción</h4>
      </div>
      <div class="modal-body">
        La caja ya estuvo abierta por usted antes. ¿Desea reabrirla o abrir una nueva?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        <button type="button" id="btn-reabrir" class="btn btn-primary">Reabrir</button>
        <button type="button" id="btn-nueva" class="btn btn-success">Abrir nueva</button>
      </div>
    </div>
  </div>
</div>



					</div> {{-- form-horizontal --}}
				</div> {{-- panel-body --}}
			</div> {{-- panel-default --}}
		</div> {{-- col --}}
	</div> {{-- row --}}
</div> {{-- container-fluid --}}

<script>
document.addEventListener('DOMContentLoaded', function () {
    const btnIniciar = document.getElementById('btn-iniciar');
    const form = document.getElementById('form-abrir-caja');

    if (!btnIniciar || !form) return;

    btnIniciar.addEventListener('click', function () {
        // Si Laravel ya envió alert-info, el modal se mostrará solo, no hagas nada aquí
        const alertInfo = document.querySelector('.alert-info');
        if (alertInfo) {
            // ya existe la alerta, solo espera al usuario
            return;
        }

        // Si no hay alert-info (es primera vez), envía formulario normal
        form.submit();
    });

    document.getElementById('btn-reabrir')?.addEventListener('click', function () {
        let input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'reabrir';
        input.value = '1';
        form.appendChild(input);
        form.submit();
    });

    document.getElementById('btn-nueva')?.addEventListener('click', function () {
        let input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'reabrir';
        input.value = '0';
        form.appendChild(input);
        form.submit();
    });
});
</script>


@endsection