{{-- Form Header --}}
<div class="custom-card border-dark" style="margin-top:10px;">
    <div class="card-body">
        <div class="row">

            {{-- Fecha --}}
            <div class="col-md-3">
                <div class="form-group">
                    <label for="fecha">
                        {{ __('entity_fields')['common']['date'] }}
                    </label>

                    <input type="datetime-local" name="fecha" required
                        class="form-control" max="{{ now()->endOf('day')->format('Y-m-d\TH:i') }}"
                        value="{{ now()->format('Y-m-d\TH:i') }}">
                </div>
            </div>

            {{-- Mesa --}}
            <div class="col-md-3">
                <div class="form-group">
                    <label for="mesa">
                        {{ __('entity_fields')['order']['table'] }}
                    </label>

                    <select name="mesa" id="mesa" required
                        class="form-control selectpicker" data-live-search="true"
                    >
                        <option value="" disabled selected>-- {{ __('common_actions')['select'] }} -- </option>

                        @foreach($tables as $table)
                            @if($table->table_name != 'Para llevar')
                                <option value="{{ $table->table_name }}">{{ $table->table_name }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>

            {{-- Cajero --}}
            <div class="col-md-3">
                <div class="form-group">
                    <label for="cajero">
                        {{ __('entity_fields')['order']['cashier'] }}
                    </label>

                    <input type="text" name="cajero" id="cajero" readonly required
                        class="form-control disabled-fields"
                        value="{{Auth::user()->name}}">
                </div>
            </div>

            {{-- Forma de Pago --}}
            <div class="col-md-3">
                <div class="form-group">
                    <label for="cajero">
                        {{ __('entity_fields')['common']['payment_method'] }}
                    </label>

                    <select name="forma_pago" id="forma_pago" required
                        class="form-control"
                    >
                        <option value="" disabled selected>-- {{ __('common_actions')['select'] }} --</option>

                        @foreach($paymentMethods as $method)
                            <option value="{{ $method->method_name}}">{{ $method->method_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

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