@extends('layout.app')

@section('content')
<form action="{{ route('technical-box.update', $technicalBox->id) }}" method="POST">
    @method('PUT')
    @csrf

    @php
        $selectedEmployees = old('logical_issue_responsible_persons', $technicalBox->logical_issue_responsible_persons ?? []);
        $selectedEmployees = is_array($selectedEmployees) ? $selectedEmployees : [];
    @endphp

    <div class="card">
        <div class="card-body">
            <div class="row">

                <!-- Name -->
                <div class="form-group col-md-6">
                    <label>Name*</label>
                    <input type="text"
                           name="name"
                           class="form-control"
                           placeholder="Technical box name"
                           value="{{ old('name', $technicalBox->name) }}"
                           required>

                    @error('name')
                        <div class="alert alert-danger mt-1">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Support Team -->
                <div class="form-group col-md-6">
                    <label>Support Team*</label>
                    @php
                        $selectedSupportTeams = old('support_team_id', $technicalBox->support_team_id ?? []);
                        $selectedSupportTeams = is_array($selectedSupportTeams) ? $selectedSupportTeams : [];
                    @endphp
                    <select name="support_team_id[]"
                            class="form-control select2"
                            multiple
                            required>

                        @foreach ($supportTeams as $supportTeam)
                            <option value="{{ $supportTeam->id }}"
                                {{ in_array($supportTeam->id, $selectedSupportTeams) ? 'selected' : '' }}>
                                {{ $supportTeam->name }} - Team Lead: {{ optional($supportTeam->teamLead)->name }}
                            </option>
                        @endforeach

                    </select>

                    @error('support_team_id')
                        <div class="alert alert-danger mt-1">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Logical Issue Responsible Persons -->
                <div class="form-group col-md-6">
                    <label>Logical Issue Responsible Persons*</label>

                    <select name="logical_issue_responsible_persons[]"
                            class="form-control select2"
                            multiple
                            required>

                        @foreach ($employees as $employee)
                            <option value="{{ $employee->id }}"
                                {{ in_array($employee->id, $selectedEmployees) ? 'selected' : '' }}>
                                {{ $employee->name }}
                            </option>
                        @endforeach

                    </select>

                    @error('logical_issue_responsible_persons')
                        <div class="alert alert-danger mt-1">{{ $message }}</div>
                    @enderror
                </div>

            </div>

            <!-- Buttons -->
            <div class="form-group">
                <button type="submit" class="btn btn-primary float-right">
                    Save
                </button>

                <a href="{{ route('technical-box.index') }}"
                   class="btn btn-secondary float-right mr-2">
                    Back
                </a>
            </div>

        </div>
    </div>
</form>
@endsection