@include('livewire.tenant.common.modalHead')

<div class="row">
    <div class="col-sm-12">
        <div class="form-group">
            <label>Código de descuento</label>
            <input type="text" wire:model.blur='code' class="form-control" placeholder="VERANO-XXXX">
            @error('code')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <select wire:model.live='type' class="form-control form-control-sm">
                <option value="">Seleccionar Tipo</option>
                <option value="percentage">Por Porcentaje</option>
                <option value="amount">Por Monto</option>
            </select>
        </div>
        @error('type')
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <select wire:model.live='active' class="form-control form-control-sm">
                <option value="">Seleccionar status</option>
                <option value=1>Activada</option>
                <option value=0>Desactivada</option>
            </select>
        </div>
        @error('active')
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Valor</label>
            <input type="number" wire:model.blur='value' class="form-control" placeholder="50 o 2500" min="0">
            @error('value')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Máximos Usos</label>
            <small>(Sin limite dajar vacío o 0)</small>
            <input type="number" wire:model.blur='maxUsage' class="form-control" placeholder="500" min="0">
            <small>Usados: {{ number_format($usedCount, 0, ',', '.') }}</small>
            @error('maxUsage')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <h6>Fecha inicial</h6>
        <div class="form-group">
            <input type="text" wire:model='startDate' class="form-control flatpickr" placeholder="Click para elegir">
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <h6>Fecha Final</h6>
        <div class="form-group">
            <input type="text" wire:model='endDate' class="form-control flatpickr" placeholder="Click para elegir">
        </div>
    </div>
    {{-- <div class="col-12 mt-3">
        <div class="form-group">
            <label>Seleccione las sucursales para el descuento</label>
            @error('password')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
            <div class="table-responsive">
                <table class="table table-hover mt-2">
                    <thead class="text-white" style="background: #3B3F5C;">
                        <tr>
                            <th class="table-th text-white">Sucursales</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($companies as $company)
                            <tr>
                                <td class="py-2">
                                    <div class="n-check">
                                        <label class="new-control new-checkbox checkbox-primary">
                                            <input type="checkbox" wire:model.live="selectCompanies"
                                                value="{{ $company->id }}" class="new-control-input">
                                            <span class="new-control-indicator"></span>
                                            <span class="text-black">{{ $company->name }}</span>
                                        </label>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div> --}}
</div>


@include('livewire.tenant.common.modalFooter')