@extends('admin.index')
@section('title')
    {{ translate("add_team_member_title") }} -
@endsection
@section('header')
    <link rel="stylesheet" href="{{ asset('css/admin/select2.min.css') }}">
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="content">
                <form action="" method="POST" enctype="multipart/form-data">
                    @csrf

                    <div class="card card-body">
                        <h5 class="mb-3">{{ translate("general_information") }}</h5>
                        
                        <div class="form-group">
                            <label for="name">{{ translate("full_name_label") }}</label>
                            <input type="text" class="form-control required @error('name') is-invalid @enderror"
                                id="name" name="name" placeholder="{{ translate("enter_name_placeholder") }}" value="{{ old('name') }}">

                            <div class="invalid-feedback">
                                @if (isset($errors->messages()['name']))
                                    <ul>
                                        @foreach ($errors->messages()['name'] as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="employee_position">{{ translate("position_label") }}</label>
                            <input type="text" class="form-control required @error('employee_position') is-invalid @enderror"
                                id="employee_position" name="employee_position" placeholder="{{ translate("position_placeholder") }}" value="{{ old('employee_position') }}">
                            <div class="invalid-feedback">
                                @if (isset($errors->messages()['employee_position']))
                                    <ul>
                                        @foreach ($errors->messages()['employee_position'] as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="image">{{ translate("photo_label") }}</label>
                            <input type="file" class="form-control @error('image') is-invalid @enderror" id="image" name="image" value="{{old('image')}}" accept="image/png,image/jpg,image/jpeg,image/gif,image/webp">
                            @if ($errors->has('image'))
                                <div class="invalid-feedback">
                                    <ul>
                                        @foreach ($errors->messages('image') as $error)
                                            @foreach ($error as $err)
                                            <li>{{ $err }}</li>
                                            @endforeach
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>

                        <hr class="my-4">

                        <h5 class="mb-3">{{ translate("social_media_accounts") }}</h5>

                        <div class="row">
                            @foreach (get_social_media_platforms() as $platform)
                            @php
                                $col = ($loop->iteration % 2 != 0 && $loop->last) ? 'col-12' : 'col-6';
                            @endphp
                                <div class="form-group {{ $col }}">
                                    <label for="{{ $platform['name'] }}">{{ $platform['name'] }}</label>
                                    <input type="text"
                                        class="form-control @error($platform['name']) is-invalid @enderror"
                                        id="{{ $platform['name'] }}" name="{{ $platform['name'] }}_url"
                                        placeholder="{{ translate("url_placeholder", ['platform' => $platform['name']]) }}" value="{{ old($platform['name']) }}">
                                    <div class="invalid-feedback">
                                        @if (isset($errors->messages()[$platform['name']]))
                                            <ul>
                                                @foreach ($errors->messages()[$platform['name']] as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>

                    </div>

                    <button type="submit" class="btn btn-primary btn-save">{{ translate("save_button") }}</button>

                </form>

            </div>
        </div>
    </div>

@endsection
@section('footer')
    <script src="{{ asset('js/admin/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('js/admin/select2.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            // select2
            $('.select2').select2();

            // ckeditor
            CKEDITOR.replace('ckeditor1');
        })
    </script>
@endsection