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

<div class="row">

    <div class="col-sm-12 col-md-8">
        <div class="form-group">
            <label>Nombre</label>
            <input type="text" wire:model.blur='name' class="form-control" placeholder="ej: Rodrigo">
            @error('name')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Teléfono</label>
            <input type="text" wire:model.blur='phone' class="form-control" placeholder="ej: 990099009"
                maxlength="9">
            @error('phone')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Email</label>
            <input type="text" wire:model.blur='email' class="form-control" placeholder="ej: correo@dominio.cl">
            @error('email')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Contraseña</label>
            <input type="password" wire:model.blur='password' class="form-control">
            @error('password')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Status</label>
            <select wire:model.blur='status' class="form-control">
                <option value="Elegir" selected>Elegir un status</option>
                <option value="Activo">Activado</option>
                <option value="Bloqueado">Bloqueado</option>
            </select>
            @error('status')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-6">
        <div class="form-group">
            <label>Asignar rol</label>
            <select wire:model.blur='profile' class="form-control">
                <option value="Elegir" selected>Elegir un rol</option>
                @foreach ($roles as $role)
                    <option value="{{ $role->name }}">{{ $role->name }}</option>
                @endforeach
            </select>
            @error('profile')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 mt-2 mb-3">
        <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">Imágen {{ $image }}</label>
        </div>
        @error('image')
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-12 mt-3">
        <div class="form-group">
            <label>Seleccione las sucursales del usuario</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"
                                                {{-- {{ $company->checked == 1 ? 'checked' : '' }} --}}>
                                            <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')