@extends('layout.app')
@section('content')
    <form action="{{ route('support-team.store') }}" method="POST">
        @csrf
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="name" class="block text-sm font-medium text-gray-700">
                            Name
                        </label>
                        <input type="text" name="name" id="name" class="form-control" placeholder="Support team name"
                            value="{{ old('name') }}" autocomplete="off">
                        @error('name')
                            <div class="alert alert-danger mt-1">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="team_lead_id" class="block text-sm font-medium text-gray-700">
                            Team Lead *
                        </label>
                        <select name="team_lead_id" id="team_lead_id" class="form-control select2" required>
                            <option value="">Select</option>
                            @foreach ($employees as $emp)
                                <option value="{{ $emp->id }}" >
                                    {{ $emp->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('team_lead_id')
                            <div class="alert alert-danger mt-1">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="form-group col-md-12">
                        <label for="employees_id" class="block text-sm font-medium text-gray-700">
                            Team members *
                        </label>
                        <select name="employees_id[]" id="employees_id" class="form-control select2" multiple required>
                            @php
                                $selectedEmployees = old('employees_id', []);
                                if (!is_array($selectedEmployees)) {
                                    $selectedEmployees = [];
                                }
                            @endphp
                            @foreach ($employees as $emp)
                                <option value="{{ $emp->id }}" >
                                    {{ $emp->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('employees_id')
                            <div class="alert alert-danger mt-1">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary float-right">
                        Save
                    </button>
                    <a href="{{ route('support-team.index') }}" class="btn btn-secondary float-right mr-2">
                        Back
                    </a>
                </div>
            </div>
        </div>
    </form>
@endsection