@extends('admin.layouts.app')
@section('page_content')
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Catalogue Page Title</h4>
                <ul>
                    <li><a href="{{route('admin.catalogue')}}" class="filled_green_btn">Back</a></li> 
                </ul> 
            </div>
            <!-- <a href="{{route('admin.projects.add')}}" class="btn btn-success pull-right">Add Project</a> -->
        </div>
        
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            @if(isset($page_title) && isset($page_title->id))
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.page_titles.save_update')}}">
                                    @csrf
                                    <input type="hidden" name="type" value="12">
                                    <input type="hidden" name="id" value="{{$page_title->id}}">
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="title">Page Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" value="{{$page_title->title}}" id="title" name="title" required placeholder="Project Title">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="ar_title">Page Title (Arabic)</label>
                                            <input type="text" class="form-control" value="{{$page_title->ar_title}}" id="ar_title" name="ar_title" placeholder="Project Title">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="description">Page Description</label>
                                        <textarea type="text" rows="6" class="form-control" name="description" id="description" placeholder="Page Description..">{{$page_title->description}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="ar_description">Page Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_description" id="ar_description" placeholder="Page Description..">{{$page_title->ar_description}}</textarea>
                                    </div>


                                
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Update</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @else
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.page_titles.save_update')}}">
                                    @csrf
                                    <input type="hidden" name="type" value="12">
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="title">Page Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="title" name="title" required placeholder="Project Title">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="ar_title">Page Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_title" name="ar_title" placeholder="Project Title">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="description">Page Description</label>
                                        <textarea type="text" rows="6" class="form-control" name="description" id="description" placeholder="Page Description.."></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="ar_description">Page Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_description" id="ar_description" placeholder="Page Description.."></textarea>
                                    </div>
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Save</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

</div>
<script>
    CKEditorChange('description','only_color_options.js');
    CKEditorChange('ar_description','only_color_options.js');
</script>
@endsection