@extends('admin._layouts.master')
@section('title', 'Kurumsal')

@section('head')
    {{--CKEditor 4--}}
    <script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script>
    {{--VueJS--}}
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
@endsection

@section('content')

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">{{ $service->name }}</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Starter Page</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <div class="bg-white mx-3 p-3">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                       aria-controls="home" aria-selected="true">TR</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                       aria-controls="profile" aria-selected="false">EN</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab"
                       aria-controls="contact" aria-selected="false">RO</a>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active col-lg-8 mt-3" id="home" role="tabpanel"
                     aria-labelledby="home-tab">
                    <form action="{{ route('admin.services.update', $service->id) }}" method="post">
                        @csrf
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Başlık</label>
                            <input type="text" class="form-control" id="exampleFormControlInput1"
                                   value="{{ $service->title_TR }}" name="title_TR" required>
                        </div>
                        <label for="exampleFormControlInput1">İçerik</label>
                        <textarea name="detail_TR" cols="30" rows="10" required>
                            {!! $service->detail_TR !!}
                        </textarea>
                        <hr>
                        <button type="submit" class="btn btn-outline-success">
                            <i class="fas fa-save mr-1"></i>
                            KAYDET
                        </button>
                    </form>
                </div>
                <div class="tab-pane fade col-lg-8 mt-3" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    <form action="{{ route('admin.services.update', $service->id) }}" method="post">
                        @csrf
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Başlık</label>
                            <input type="text" class="form-control" id="exampleFormControlInput1"
                                   value="{{ $service->title_EN }}" name="title_EN" required>
                        </div>
                        <label for="exampleFormControlInput1">İçerik</label>
                        <textarea name="detail_EN" cols="30" rows="10" required>
                            {!! $service->detail_EN !!}
                        </textarea>
                        <hr>
                        <button type="submit" class="btn btn-outline-success">
                            <i class="fas fa-save mr-1"></i>
                            KAYDET
                        </button>
                    </form>
                </div>
                <div class="tab-pane fade col-lg-8 mt-3" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                    <form action="{{ route('admin.services.update', $service->id) }}" method="post">
                        @csrf
                        <div class="form-group">
                            <label for="exampleFormControlInput1">Başlık</label>
                            <input type="text" class="form-control" id="exampleFormControlInput1"
                                   value="{{ $service->title_RO }}" name="title_RO" required>
                        </div>
                        <label for="exampleFormControlInput1">İçerik</label>
                        <textarea name="detail_RO" cols="30" rows="10" required>
                            {!! $service->detail_RO !!}
                        </textarea>
                        <hr>
                        <button type="submit" class="btn btn-outline-success">
                            <i class="fas fa-save mr-1"></i>
                            KAYDET
                        </button>
                    </form>
                </div>
            </div>
        </div>
        @if(session("status"))
            <div class="row mx-2 mt-3">
                <div class="col-md-12">
                    <div class="alert alert-success">{{ session("status") }}</div>
                </div>
            </div>
        @endif
    <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

@endsection

@section('js')
    <script>
        CKEDITOR.replace('detail_TR');
        CKEDITOR.replace('detail_EN');
        CKEDITOR.replace('detail_RO');
        CKEDITOR.replace('detail_FR');
        CKEDITOR.replace('detail_IT');
        CKEDITOR.replace('detail_RU');
    </script>
@endsection