iao_team/resources/views/livewire/azienda.blade.php

<div>

    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    @if (session()->has('message'))
                        <div class="alert alert-success" role="alert">
                            {{ session()->get('message') }}
                        </div>
                    @endif

                    @if (session()->has('error'))
                        <div class="alert alert-danger" role="alert">
                            {{ session()->get('error') }}
                        </div>
                    @endif

                    <div class="tab-content">
                        <form wire:submit.prevent="save">
                            <div class="row mb-4">
                                <div class="col-md-4">
                                    <div class="logo-container mb-3">
                                        @if($azienda && $azienda->logo_url)
                                            <img src="{{ $azienda->logo_url }}" alt="Logo" class="img-thumbnail" style="max-width: 200px;">
                                        @else
                                            <div class="mb-3">
                                                <label class="form-label">Logo</label>
                                                <input type="file" class="form-control" wire:model="temp_logo">
                                            </div>
                                        @endif
                                    </div>

                                </div>
                            </div>

                            <div class="mb-4">

                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Ragione sociale*</label>
                                        <input type="text" class="form-control @error('ragione_sociale') is-invalid @enderror"
                                                wire:model="ragione_sociale">
                                        @error('ragione_sociale') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Nome associazione/società</label>
                                        <input type="text" class="form-control" wire:model="nome_associazione">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Tipologia* (ASD/SSD/Polisportiva ecc.)</label>
                                        <input type="text" class="form-control" wire:model="tipologia">
                                    </div>
                                    <div class="col-md-6  mb-3">
                                        <label class="form-label">Discipline</label>
                                        <div wire:ignore>
                                            <select class="form-select discipline-select" multiple wire:model="selectedDisciplines">
                                                @forelse($disciplines as $discipline)
                                                    <option value="{{ $discipline->id }}">
                                                        {{ $discipline->name }}
                                                    </option>
                                                @empty
                                                    <option disabled>Nessuna disciplina trovata</option>
                                                @endforelse
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <h5 class="mb-3">Sede legale</h5>
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Nazione</label>
                                    <input type="text" class="form-control" wire:model="sede_legale_nazione">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Provincia</label>
                                    <input type="text" class="form-control" wire:model="sede_legale_provincia">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Comune</label>
                                    <input type="text" class="form-control" wire:model="sede_legale_comune">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 mb-3">
                                    <label class="form-label">Indirizzo</label>
                                    <input type="text" class="form-control" wire:model="sede_legale_indirizzo">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">CAP</label>
                                    <input type="text" class="form-control" wire:model="sede_legale_cap">
                                </div>
                            </div>

                            <div class="form-check mb-3">
                                <input class="form-check-input" type="checkbox" wire:model="same_address" id="sameAddress">
                                <label class="form-check-label" for="sameAddress">
                                    Sede operativa uguale a sede legale
                                </label>
                            </div>

                            @if(!$same_address)
                                <h5 class="mb-3">Sede operativa</h5>
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">Nazione</label>
                                        <input type="text" class="form-control" wire:model="sede_operativa_nazione">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">Provincia</label>
                                        <input type="text" class="form-control" wire:model="sede_operativa_provincia">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">Comune</label>
                                        <input type="text" class="form-control" wire:model="sede_operativa_comune">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-8 mb-3">
                                        <label class="form-label">Indirizzo</label>
                                        <input type="text" class="form-control" wire:model="sede_operativa_indirizzo">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">CAP</label>
                                        <input type="text" class="form-control" wire:model="sede_operativa_cap">
                                    </div>
                                </div>
                            @endif

                            <h5 class="mb-3">Contatti</h5>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Email*</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror"
                                            wire:model="email">
                                    @error('email') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Pec*</label>
                                    <input type="email" class="form-control @error('pec') is-invalid @enderror"
                                            wire:model="pec">
                                    @error('pec') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Telefono</label>
                                    <input type="text" class="form-control" wire:model="telefono">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Cellulare*</label>
                                    <input type="text" class="form-control @error('cellulare') is-invalid @enderror"
                                            wire:model="cellulare">
                                    @error('cellulare') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <h5 class="mb-3">Dati fiscali</h5>
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Partita IVA</label>
                                    <input type="text" class="form-control" wire:model="partita_iva">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Codice fiscale</label>
                                    <input type="text" class="form-control" wire:model="codice_fiscale">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Codice SDI</label>
                                    <input type="text" class="form-control" wire:model="codice_sdi">
                                </div>
                            </div>

                            <h5 class="mb-3">Configurazione contabilità</h5>
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Chiusura anno fiscale</label>
                                    <input type="date" class="form-control" wire:model="chiusura_anno_fiscale">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Scadenza abbonamenti</label>
                                    <input type="date" class="form-control" wire:model="scadenza_abbonamenti">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Scadenza pagamenti in uscita</label>
                                    <input type="date" class="form-control" wire:model="scadenza_pagamenti_uscita">
                                </div>
                            </div>

                            <div class="mt-4">
                                <button type="submit" class="btn btn-primary">Salva</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@push('scripts')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.discipline-select').select2({
                placeholder: 'Seleziona discipline',
                allowClear: true
            });

            $('.discipline-select').on('change', function (e) {
                var data = $(this).select2("val");
                @this.set('selectedDisciplines', data);
            });
        });
    </script>
@endpush