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

<div class="row">

    <div class="col-sm-12">
        <div class="form-group">
            <label>Descripción</label>
            <textarea rows="3" maxlength="250" wire:model.blur='description' class="form-control"
                placeholder="Descripción de 250 caracteres"></textarea>
            @error('description')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12">
        <div class="form-group">
            <label>Url</label>
            <input type="text" wire:model.blur='url' class="form-control"
                placeholder="https://url-donde-quieres-enviar.cl">
            @error('url')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12">
        <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 mt-3">
        {{-- @if ($image)
            <img height="120" src="{{ $image->temporaryUrl() }}">
        @endif --}}
        <div class="form-group custom-file">
            <input type="file" class="custom-file-input" wire:model.live='image'
                accept="image/x-png, image/gif, image/jpeg">
            <label class="custom-file-label">Imagen 1280x375 {{ $image }}</label>
        </div>
        @error('image')
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-sm-12 mt-3">
        {{-- @if ($imageMobile)
            <img height="120" src="{{ $imageMobile->temporaryUrl() }}">
        @endif --}}
        <div class="form-group custom-file mt-3">
            <input type="file" class="custom-file-input" wire:model.live='imageMobile'
                accept="image/x-png, image/gif, image/jpeg">
            <label class="custom-file-label">Imagen Mobile 640x300 {{ $imageMobile }}</label>
        </div>
        @error('imageMobile')
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
</div>


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