@extends('layouts.app')
@section('title','Edit')
@section('content')
    <div class="container-fluid">
        <div class="d-flex justify-content-between py-4">
            <p class="page-title">Edit</p>
            <a class="btn btn-sm btn-warning" href="{{route('career_tips.index')}}">View All</a>
        </div>
        <div class="card rounded-0">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <form action="{{route('career_tips.update',$careerTips->id)}}" enctype="multipart/form-data" method="post">
                            @csrf
                            @method('PUT')
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Title *</label>
                                    <input type="text" class="form-control rounded-0" name="title" value="{{$careerTips->title}}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Date *</label>
                                    <input type="date" class="form-control rounded-0" name="publish_date" value="{{$careerTips->publish_date}}">
                                </div> 
                            </div>
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label">Short Detail *</label>
                                    <textarea name="short_description" id="short_description" class="form-control" cols="30" rows="5">{{$careerTips->short_description}}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label">Date *</label>
                                    <textarea name="description" id="" class="form-control">{{$careerTips->description}}</textarea>
                                </div> 
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Thumbnail</label>
                                    <input type="file" class="form-control" name="image">
                                    <p style="font-size:13px;"><small style="color:red;">The previous uploaded image is already selected in case of changing image click on Upload Button.</small></p>
                                </div>
                            </div>
                            <div class="col-md-12 mb-3">
                                <input type="submit" class="btn btn-sm btn-success" value="Update">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('js')
<script src="{{asset('admin/ckeditor')}}/ckeditor.js"></script>
 <script src="{{asset('admin/ckeditor')}}/ckfinder/ckfinder.js"></script>
 <script src="{{asset('admin/ckeditor')}}/samples/js/sample.js"></script>
 <script>
     $(document).ready(function() {
        var editor = CKEDITOR.replace( 'description', {
            filebrowserUploadUrl: "{{route('careerTipsCkeditor', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form'
        });
    });
</script>
@endpush