@extends('Componentes.app')

@section('title', 'Cadastro de Cofre')

@section('terminals')
<!-- Botão para abrir o modal -->
<div class="container">
<div class="d-flex justify-content-end " style="margin-bottom: -10px;">
    <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#createTerminalModal" style="background-color: #0b496e; color: white;">
        <i class="bi bi-plus-circle-fill"></i> Novo Terminal
    </button>
</div>
</div>

@if(session('message'))
    <div class="d-flex justify-content-center">
        <div class="alert alert-success alert-dismissible fade show text-center w-auto py-4" role="alert">
            {{ session('message') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar" ></button>
        </div>
    </div>
@endif

<!-- Modal -->
<div class="modal fade" id="createTerminalModal" tabindex="-1" aria-labelledby="createTerminalModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">

      <!-- Cabeçalho -->
      <div class="modal-header" style="background-color: #0b496e;">
        <h5 class="modal-title text-white" id="createTerminalModalLabel">Cadastro de Terminais</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
      </div>

      <!-- Corpo -->
      
      <div class="modal-body">
     

        <form action="{{ route('terminals.store') }}" method="POST">
            @csrf

            <div class="mb-3">
                <label for="name" class="form-label">Nome Terminal</label>
                <input type="text" class="form-control" id="name" name="name" required placeholder="Digite o nome do Terminal">
            </div>

            <div class="mb-3">
                <label for="code" class="form-label">Terminal do Cofre</label>
                <input type="text" class="form-control" id="code" name="code" required placeholder="Digite o Terminal do Cofre">
            </div>

            <div class="mb-3">
                <label for="installation_date" class="form-label">Data de Instalação</label>
                <input type="date" class="form-control" id="installation_date" name="installation_date" required >
            </div>

            <div class="mb-3">
                <label for="firmware_version" class="form-label">Versão do Firmware</label>
                <input type="text" class="form-control" id="firmware_version" name="firmware_version" required placeholder="Digite a versão do firmware">
            </div>

            <div class="mb-3">
                <label for="terminal_type_id" class="form-label">Tipo de Terminal</label>
                <select class="form-select" id="terminal_type_id" name="terminal_type_id" required>
                    <option value="">Selecione o tipo de terminal</option>
                    @foreach($terminalTypes as $type)
                        <option value="{{ $type->id }}">{{ $type->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label for="terminal_status_id" class="form-label">Status do Terminal</label>
                <select class="form-select" id="terminal_status_id" name="terminal_status_id" required>
                    <option value="">Selecione o status do terminal</option>
                    @foreach($terminalStatus as $status)
                        <option value="{{ $status->id }}">{{ $status->name }}</option>
                    @endforeach
                </select>
            </div>

               
             <hr class="my-2 ">
             <h5 class="text-center">Vincule um Cliente</h5>              

            <livewire:client.select-client />

             <label for="client_terminal_contract_id" class="form-label">Contrato</label>                   
                          <select class="form-select mb-3" id="client_terminal_contract_id" name="client_terminal_contract_id">
                    <option value="">Selecione o tipo de contrato</option>
                    @foreach($client_terminal_contracts as $contract)
                        <option value="{{ $contract->id }}">{{ $contract->id }} -- {{ $contract->name }}</option>
                    @endforeach
                </select>
            

            

            <!-- Campos ocultos -->
            <input type="hidden" name="created_by" value="0">
            <input type="hidden" name="xml_interface" value="1">
            <input type="hidden" name="has_changes" value="0">
            <input type="hidden" name="custody_limit" value="999999">

            <div class="d-grid">
                <button type="submit" class="btn btn-success">Cadastrar Cofre</button>
            </div>
        </form>
      </div>

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

    
   <livewire:terminals.terminals />




@endsection