@props([
    	'id',
	'status',
    	'name',
	'code_terminal',
	'valor' => '0',
	'printer',
	'door',
	'dispenser',
	'dispenserStack',
	'dispenserReject'
])

<div class="modal fade" id='exampleModal-{{ $id }}' tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
		<div class="modal-content " id="modal">
			<header class="modal-header text-bg-{{ $status }}">
				<div class="information">
					<p class="title">{{ $code_terminal . " - " . str_ireplace("BRT ATM ", "",$name) }}</p>
				</div>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</header>
			<div class="modal-body">
			<table class="table table-borderless p-3" id="table">
    <tr>
        <td colspan="6" class="text-start"> 
            <h4 class="m-0 mt-1" style="text-align:center">R$ {{ number_format($valor, 2) }}</h4>
        </td>
    </tr>
    <tr>
        <td class="text-start">IMPRESSORA</td> 
        <td colspan="5" class="text-start" > 
            @switch($printer)
                @case($printer == 'success')
                    <div class="text-bg-success" >OK</div>
                    @break
                @case($printer == 'danger')
                    <div class="text-bg-danger">ERROR</div>
                    @break
                @case($printer == 'warning')
                    <div class="text-bg-warning">SEM PAPEL</div>
                    @break
                @default
                    Default case...
            @endswitch
        </td>
    </tr>
    <tr>
        <td class="text-start">DISPENSADORA</td> 
        <td colspan="5" class="text-start"> 
            @switch($dispenser)
                @case($dispenser == 'success')
                    <div class="text-bg-success">OK</div>
                    @break
                @case($dispenser == 'danger')
                    <div class="text-bg-danger">ERROR</div>
                    @break
                @default
                    Default case...
            @endswitch
        </td>
    </tr>
    <tr>
        <td class="text-start">CARTÃO DA DISPENSADORA</td> 
        <td colspan="5" class="text-start"> 
            @switch($dispenserStack)
                @case($dispenserStack == 'success')
                    <div class="text-bg-success">OK</div>
                    @break
                @case($dispenserStack == 'danger')
                    <div class="text-bg-danger">ERROR</div>
                    @break
                @case($dispenserStack == 'warning')
                    <div class="text-bg-warning">POUCO</div>
                    @break
                @default
                    Default case...
            @endswitch
        </td>
    </tr>
    <tr>
        <td class="text-start">REJEITO DA DISPENSADORA</td> 
        <td colspan="5" class="text-start"> 
            @switch($dispenserReject)
                @case($dispenserReject == 'success')
                    <div class="text-bg-success">OK</div>
                    @break
                @case($dispenserReject == 'danger')
                    <div class="text-bg-danger">CHEIO</div>
                    @break
                @default
                    Default case...
            @endswitch
        </td>
    </tr>
    <tr>
        <td class="text-start">PORTAS</td> 
        <td colspan="5" class="text-start"> 
            @switch($door)
                @case($door == 'success')
                    <div class="text-bg-success">OK</div>
                    @break
                @case($door == 'warning')
                    <div class="text-bg-warning">ABERTA</div>
                    @break
                @default
                    Default case...
            @endswitch
        </td>
    </tr>
</table>

			</div>

		</div>
	</div>
</div>