@extends('layouts.main')

@section('title')
    Designation Mapping: Edit
@endsection

@section('content')
    <div class="card m-3">
        <section>
            <form action="{{ route('designationMapping.update') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row m-2">
                    <div class="col-sm-12 col-md-4 col-lg-4 form-group">
                        <label for="chairman_id">Chairman's Designation <span class="text-danger">*</span></label>
                        <select class="form-control @error('chairman_id') error-field @enderror select" name="chairman_id"
                            id="chairman_id">
                            <option value="" selected disabled>Select Designation</option>

                            @foreach ($designations as $designation)
                                <option value="{{ $designation->id }}"
                                    {{ old('chairman_id', isset($designationMapping) ? $designationMapping->chairman_id : '') == $designation->id ? 'selected' : '' }}>
                                    {{ $designation->name }}
                                </option>
                            @endforeach
                        </select>

                        @error('chairman_id')
                            <div class="text-danger small">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-12 col-md-8 col-lg-8 form-group">
                        <label for="bod_designations">Designations to show on BOD page <span
                                class="text-danger">*</span></label>

                        @php
                            if (isset($designationMapping)) {
                                $teamIds = json_decode($designationMapping->bod_designations) ?? [];
                            }
                        @endphp

                        <select class="form-control @error('bod_designations') error-field @enderror select"
                            name="bod_designations[]" id="bod_designations" multiple="multiple">

                            @foreach ($designations as $designation)
                                <option value="{{ $designation->id }}"
                                    {{ old('bod_designations') && in_array($designation->id, old('bod_designations')) ? 'selected' : (isset($designationMapping) && in_array($designation->id, $teamIds) ? 'selected' : '') }}>
                                    {{ $designation->name }}
                                </option>
                            @endforeach
                        </select>

                        @error('bod_designations')
                            <div class="text-danger small">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-12 col-md-12 col-lg-12 form-group">
                        <label for="management_team_designations">Designations to show on Management Team page <span
                                class="text-danger">*</span></label>

                        @php
                            if (isset($designationMapping)) {
                                $teamIds = json_decode($designationMapping->management_team_designations) ?? [];
                            }
                        @endphp

                        <select class="form-control @error('management_team_designations') error-field @enderror select"
                            name="management_team_designations[]" id="management_team_designations" multiple="multiple">

                            @foreach ($designations as $designation)
                                <option value="{{ $designation->id }}"
                                    {{ old('management_team_designations') && in_array($designation->id, old('management_team_designations')) ? 'selected' : (isset($designationMapping) && in_array($designation->id, $teamIds) ? 'selected' : '') }}>
                                    {{ $designation->name }}
                                </option>
                            @endforeach
                        </select>

                        @error('management_team_designations')
                            <div class="text-danger small">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-12 col-md-12 col-lg-12 form-group">
                        <label for="team_designations">Designations to show on Team section <span
                                class="text-danger">*</span></label>

                        @php
                            if (isset($designationMapping)) {
                                $teamIds = json_decode($designationMapping->team_designations) ?? [];
                            }
                        @endphp

                        <select class="form-control @error('team_designations') error-field @enderror select"
                            name="team_designations[]" id="team_designations" multiple="multiple">

                            @foreach ($designations as $designation)
                                <option value="{{ $designation->id }}"
                                    {{ old('team_designations') && in_array($designation->id, old('team_designations')) ? 'selected' : (isset($designationMapping) && in_array($designation->id, $teamIds) ? 'selected' : '') }}>
                                    {{ $designation->name }}
                                </option>
                            @endforeach
                        </select>

                        @error('team_designations')
                            <div class="text-danger small">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="m-2">
                    <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i>&nbsp;Update</button>
                    <a href="{{ route('designationMapping.edit') }}" class="btn btn-sm btn-danger"><i
                            class="fa fa-ban"></i>&nbsp;Cancel</a>
                </div>
            </form>
        </section>
    </div>
@endsection

@section('scripts')
    <script>
        $('.select').select2();
    </script>
@endsection