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

<div>

        <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 d-flex align-items-center">
                                        <div class="me-3">
                                            <img src="{{ asset('storage/' . $azienda->logo) }}" alt="Logo" style="height: 200px; width: 200px;border-radius: 10px;">
                                        </div>
                                        <div class="flex-grow-1 d-flex flex-column justify-content-center">
                                            <div class="mt-2">
                                                <label class="form-label">Logo</label>
                                            </div>
                                            <input type="file" class="form-control form-control-lg rounded-pill" wire:model="temp_logo" style="width: 300px;">
                                            @if ($temp_logo)
                                                <img src="{{ $temp_logo->temporaryUrl() }}" class="mt-2" style="max-width: 200px; max-height: 200px;">
                                            @endif
                                        </div>
                                    </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 form-control-lg rounded-pill @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 form-control-lg rounded-pill" 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 form-control-lg rounded-pill" 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 rounded-pill" style="border-radius: 20px;" multiple wire:model="selectedDisciplines">
                                                @forelse($discipline as $disciplineScelte)
                                                    <option value="{{ $disciplineScelte->id }}">
                                                        {{ $disciplineScelte->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-3 mb-3">
                                    <label class="form-label">Nazione</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="sede_legale_nazione">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">Provincia</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="sede_legale_provincia">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Comune</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="sede_legale_comune">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Indirizzo</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="sede_legale_indirizzo">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">CAP</label>
                                    <input type="text" class="form-control rounded-pill" 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-3 mb-3">
                                        <label class="form-label">Nazione</label>
                                        <input type="text" class="form-control rounded-pill" wire:model="sede_operativa_nazione">
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Provincia</label>
                                        <input type="text" class="form-control rounded-pill" wire:model="sede_operativa_provincia">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Comune</label>
                                        <input type="text" class="form-control rounded-pill" wire:model="sede_operativa_comune">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Indirizzo</label>
                                        <input type="text" class="form-control rounded-pill" wire:model="sede_operativa_indirizzo">
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">CAP</label>
                                        <input type="text" class="form-control rounded-pill" 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 rounded-pill @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 rounded-pill @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 rounded-pill" wire:model="telefono">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Cellulare*</label>
                                    <input type="text" class="form-control rounded-pill @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-3 mb-3">
                                    <label class="form-label">Partita IVA</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="partita_iva">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">Codice fiscale</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="codice_fiscale">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">Codice SDI</label>
                                    <input type="text" class="form-control rounded-pill" wire:model="codice_sdi">
                                </div>
                            </div>

                            <div class="mt-4 d-flex justify-content-end">
                                <button type="submit" class="btn text-light" style="background-color:#0C6197 ">Salva</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        /* Custom CSS for rounded multi-select */
        .discipline-select {
            border-radius: 20px !important;
        }

        /* If using Select2 */
        .discipline-select + .select2-container .select2-selection {
            border-radius: 20px !important;
        }
        .discipline-select + .select2-container .select2-dropdown {
            border-radius: 15px !important;
            overflow: hidden;
        }

        /* If using Choices.js */
        .discipline-select + .choices {
            border-radius: 20px !important;
        }
        .discipline-select + .choices .choices__inner {
            border-radius: 20px !important;
        }
        .discipline-select + .choices .choices__list--dropdown {
            border-radius: 15px !important;
        }
        </style>
@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