@if ($selected_id > 0)
    <div class="col-3">
        <label for="full_name">Ticket</label>
        <p class="form-control form-control-sm disabled">{{ $case['ticket_code'] ?? '' }}</p>
    </div>
@endif


<div class="col-3">
    <label for="campus">Sede</label>
    <select id="case.campus" name="campus" class="form-select form-select-sm" wire:model="case.campus" {{ ($selected_id > 0) ? 'disabled' : '' }}>
        <option value="">Seleccione</option>
        @if (isset($campuses))
            @foreach ($campuses as $campus)
                <option value="{{ $campus->id }}">{{ $campus->sede }}</option>
            @endforeach
        @endif
    </select>
    @error('case.campus')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div>

<div class="col-3">
    <label for="service_type">Tipo de solicitud</label>
    <select id="service_type" class="form-select form-select-sm" wire:model.live="case.service_type" {{ ($selected_id > 0) ? 'disabled' : '' }}>
        <option value="">Seleccione</option>
        <option value="Solicitud de servicio">Solicitud de servicio</option>
        <option value="Inconformidad con el servicio prestado">Inconformidad con el servicio prestado
        </option>
    </select>
    @error('case.service_type')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div>

<div class="col-3">
    <label for="dependency">Dependencia</label>
    <select wire:key="{{ $case['dependency'] ?? '' }}" id="case.dependency" name="dependency"
        class="form-select form-select-sm" wire:model.live="case.dependency" @disabled($isDependencyDisabled)>
        <option value="">Seleccione</option>
        @if (isset($dependencies))
            @foreach ($dependencies as $dependency)
                <option value="{{ $dependency->id }}">{{ $dependency->dependencia }}</option>
            @endforeach
        @endif
    </select>
    @error('case.dependency')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div>

<div class="col-3">
    <label for="full_name">Proceso</label>
    <p id="full_name" class="form-control form-control-sm disabled" type="text" placeholder="EJ: Pablo" disabled>
        {{ $process['name_process'] ?? '' }}</p>
</div>

@if(isset($this->case['service_type']) && $this->case['service_type'] == 'Inconformidad con el servicio prestado')
    <div class="col-3">
        <label for="service_nc_id">Servicio no conforme</label>
        <select name="service_nc_id" id="case.service_nc_id" class="form-select form-select-sm"
            wire:model.live="case.service_nc_id" {{ $selected_id ? 'disabled' : '' }}>
            <option value="">Seleccione</option>
            @if (!is_null($services_nc))
                @foreach ($services_nc as $service)
                    <option value="{{ $service->id }}">{{ $service->nombre }}</option>
                @endforeach
            @endif
        </select>
        @error('case.service_nc_id')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-3">
        <label for="conformitie_nc_id">No conformidad</label>
        <select name="conformitie_nc_id" id="case.conformitie_nc_id" class="form-select form-select-sm"
            wire:model.live="case.conformitie_nc_id" {{ $selected_id ? 'disabled' : '' }}>
            <option value="">Seleccione</option>
            @if (!is_null($conformities_nc))
                @foreach ($conformities_nc as $accordance)
                    <option value="{{ $accordance->id }}">{{ $accordance->nombre }}</option>
                @endforeach
            @endif
        </select>
        @error('case.conformitie_nc_id')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>
@else
    <div class="col-3">
        <label for="area">Área</label>
        <select id="area" class="form-select form-select-sm" wire:key="{{ $case['area'] ?? '' }}" wire:model.live="case.area">
            <option value="">Seleccione</option>
            @if (isset($areas))
                @foreach ($areas as $area)
                    <option value="{{ $area->id }}">{{ $area->nombre }}</option>
                @endforeach
            @endif
        </select>
        @error('case.area')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-3">
        <label for="service">Servicio</label>
        <select id="service" class="form-select form-select-sm" wire:key="{{ $case['service'] ?? '' }}" wire:model="case.service">
            {{-- wire:key="{{ $case['service'] ?? '' }}"> --}}
            <option value="">Seleccione</option>
            @if (isset($services))
                @foreach ($services as $service)
                    <option value="{{ $service->id }}">{{ $service->servicio }}</option>
                @endforeach
            @endif
        </select>
        @error('case.service')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>

    @if(isset($this->case['dependency']) && $this->case['dependency'] == 29)
        <div class="col-3">
            <label for="asset_type">Tipo activo</label>
            <select id="asset_type" class="form-select form-select-sm" wire:model="case.asset_type">
                <option value="">Seleccione</option>
                @if (!is_null($assets_type))
                    @foreach ($assets_type as $asset)
                        <option value="{{ $asset->id }}">{{ $asset->tipo_activo }}</option>
                    @endforeach
                @endif
            </select>
            @error('case.asset_type')
                <span class="error text-danger">{{ $message }}</span>
            @enderror
        </div>
        
        <div class="col-3">
            <label for="site">Ubicación (Oficina)</label>
            <input wire:model="case.site" id="site" class="form-control form-control-sm" type="text"
                placeholder="EJ: Sistemas - 451">
            @error('case.site')
                <span class="error text-danger">{{ $message }}</span>
            @enderror
        </div>
    
    
        <div class="col-3">
            <label for="serial_number">Número serie activo</label>
            <input wire:model="case.serial_number" id="serial_number" class="form-control form-control-sm" type="text"
                placeholder="EJ: AS1233HY5">
            @error('case.serial_number')
                <span class="error text-danger">{{ $message }}</span>
            @enderror
        </div>
        
        <div class="col-3">
            <label for="asset_name">Nombre activo</label>
            <input wire:model="case.asset_name" id="asset_name" class="form-control form-control-sm" type="text"
                placeholder="EJ: Computador Lenovo">
            @error('case.asset_name')
                <span class="error text-danger">{{ $message }}</span>
            @enderror
        </div>
    @endif
@endif

@if ($selected_id > 0)
    <div class="col-3">
        <label for="main_responsible">Asignado a</label>
        <select id="main_responsible" class="form-select form-select-sm" wire:key="{{ $case['main_responsible'] ?? '' }}" wire:model.live="case.main_responsible">
            <option value="">Seleccione</option>
            @if (!is_null($users))
                @foreach ($users as $user)
                    <option value="{{ $user->id }}">{{ $user->full_name }}</option>
                @endforeach
            @endif
            @if (!is_null($usersCertificados))
                @foreach ($usersCertificados as $user)
                    <option value="{{ $user->id }}">{{ $user->full_name }}</option>
                @endforeach
            @endif
        </select>
        @error('case.main_responsible')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-3">
        <label for="date_entered">Fecha creación</label>
        <p class="form-control form-control-sm disabled">{{ $case['created_at'] ?? '' }}</p>
    </div>

    <div class="col-3">
        <label for="date_entered">Fecha límite para cierre</label>
        <p class="form-control form-control-sm disabled">{{ $case['response_deadline_date'] ?? '' }}</p>
    </div>

    <div class="col-3">
        <label for="date_entered">Fecha de cierre</label>
        <p class="form-control form-control-sm disabled">{{ $case['case_closure_date'] ?? 'Caso sin cerrar' }}</p>
    </div>

    <div class="col-3">
        <label for="status">Estado</label>
        <select id="status" class="form-select form-select-sm" wire:model="case.status" {{ ($this->case['service_type'] == 'Inconformidad con el servicio prestado') ? 'disabled' : '' }}>
            <option value="">Seleccione</option>
            <option value="Nuevo">Nuevo</option>
            <option value="En análisis">En análisis</option>
            <option value="En resolución">En resolución</option>
            <option value="Cerrado">Cerrado</option>
        </select>
        @error('case.status')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>
@endif



<div class="12">
    <label for="case_detail">Detalle del caso</label>
    <textarea
        @input="resize()"
        x-init="resize()"
        x-data="{ resize() { $el.style.height = 'auto'; $el.style.height = $el.scrollHeight + 'px'; } }"
        name="" id="case_detail" class="form-control" rows="3" wire:model="case.case_detail" wire:key="{{ $case['case_detail'] ?? '' }}"
        placeholder="Ingresa detalle aqui..." {{ $selected_id > 0 ? 'disabled' : '' }}></textarea>
    @error('case.case_detail')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div>