@extends('admin.index')
@section('title')
    Ekip üyesini düzenle -
@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">
                        @if ($team->image)
                            <img src="{{ get_team_member_media($team->id, $team->image) }}" alt="" height="250"
                                class="mb-3 mx-auto d-block">
                        @endif
                        <h5 class="mb-3">Genel Bilgiler</h5>

                        <div class="form-group">
                            <label for="name">İsim Soyisim</label>
                            <input type="text" class="form-control required @error('name') is-invalid @enderror"
                                id="name" name="name" placeholder="Bir ad giriniz"
                                value="{{ old('name') ?? $team->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="name">Pozisyon</label>
                            <input type="text"
                                class="form-control required @error('employee_position') is-invalid @enderror"
                                id="employee_position" name="employee_position" placeholder="Çalıştığı pozisyon"
                                value="{{ old('employee_position') ?? $team->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">Fotoğraf</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">Sosyal Medya Hesapları</h5>

                        <div class="row">
                            @foreach (get_social_media_platforms() as $platform)
                                @php
                                    $col = $loop->iteration % 2 != 0 && $loop->last ? 'col-12' : 'col-6';
                                    $value =
                                        old($platform['name']) ??
                                        (collect($team->social_media_accounts)
                                            ->where('name', $platform['name'])
                                            ->first()['url'] ??
                                            '');
                                @endphp
                                <div class="form-group {{ $col }}">
                                    <label for="name">{{ $platform['name'] }}</label>
                                    <input type="text"
                                        class="form-control @error($platform['name']) is-invalid @enderror"
                                        id="{{ $platform['name'] }}" name="{{ $platform['name'] }}_url"
                                        placeholder="{{ $platform['name'] }} url" value="{{ $value }}">
                                    <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">Kaydet</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