@extends('backend.layouts.app')



@section('content')
<div class="p-3">
    <div class="p-2 header-title-container">
        <span class="mb-0 mx-2">Experts</span>
    </div>
</div>

<div class="p-3">
    <div class="card">

        <div class="card-body">
            <form action="{{ url('admin/experts/' . $experts->id) }}" method="POST" enctype="multipart/form-data">
                @csrf @method('PUT')

                <div class="mb-3">
                    <label class="form-label">Image</label>
                    <input class="form-control" type="file" name="image" value="{{ $experts->image }}">
                    @error('image')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Name</label>
                    <input type="text" class="form-control" name="name" value="{{ $experts->name }}">
                    @error('name')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Position</label>
                    <input type="text" class="form-control" name="position" value="{{ $experts->position }}">
                    @error('position')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Facebook</label>
                    <input type="text" class="form-control" name="facebook" value="{{ $experts->facebook }}">
                    @error('facebook')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Instagram</label>
                    <input type="text" class="form-control" name="instagram" value="{{ $experts->instagram }}">
                    @error('instagram')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Linked In</label>
                    <input type="text" class="form-control" name="linkedin" value="{{ $experts->linkedin }}">
                    @error('linkedin')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="text-right">
                    <button type="submit" class="btn text-white" style="background-color: #fa6f10;">Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('js')
<script type="text/javascript">
    $(document).ready(function() {
        $('.description').each(function() {
            CKEDITOR.replace(this);
        });
    });
</script>
@endsection