@extends('layouts.admin_master')
@section('content')
<div class="pd-ltr-20 xs-pd-20-10">
    @if($errors->any())
    @foreach ($errors->all() as $error)
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <strong>Error!</strong> {{ $error }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    @endforeach
    @endif

    @if(Session::has('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <strong>error!</strong> {{Session::get('error')}}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    @endif
    <div class="page-header">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="title">
                    <h4>Edit Course</h4>
                </div>
                <nav aria-label="breadcrumb" role="navigation">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/admin/dashboard')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{url('admin/courses')}}">Course</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Edit Course</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <div class="card-box mb-30 pd-20">
        <div class="pd-20 card-box mb-30">
            <form method="post" data-parsley-validate action="{{url('admin/update_courses/'.base64_encode($courses->id))}}" enctype="multipart/form-data">
                @csrf
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Course Category <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <select name="category_id" class="form-control" id="" required>
                            <option value="">Select Course Category</option>
                            @foreach($courses_category as $courses_category_data)
                            <option @if($courses->category_id == $courses_category_data->id) selected @endif value="{{$courses_category_data->id}}">{{$courses_category_data->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Name <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" value="{{$courses->name}}" name="name" placeholder="Enter Name" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Credit <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" value="{{$courses->credit_title}}" name="credit_title" placeholder="Enter Credit " required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Sub Title <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" value="{{$courses->sub_title}}" name="slider_sub_title" placeholder="Enter Sub Title " required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Image</label>
                    <div class="col-sm-12 col-md-10">
                        <a target="_blank" href="{{asset('product/'.$courses->image)}}">
                            <img style="height: 100px;width: 100px;" src="{{asset('courses/'.$courses->image)}}" alt=""><br>
                        </a>
                        <input class="form-control" name="image" type="file">
                        {{-- <span style="color:red;">For Best Result Upload Image Size is:- 400px * 250px</span> --}}
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Description <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <textarea name="description" id="description" class="form-control" required>{{$courses->description}}</textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Entry Criteria 1 <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" value="{{$courses->entry_criteria_1}}" name="entry_criteria_1" placeholder="Enter Criteria 1 ">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Entry Criteria 2 <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" value="{{$courses->entry_criteria_2}}" name="entry_criteria_2" placeholder="Enter Criteria 2 ">
                    </div>
                </div>
                <label class=""><b>Course Details :</b></label>
                <table id="example" class="checkbox-datatable table nowrap">
                    <thead>
                        <tr class="border">
                            <th class="border">Title</th>
                            <th class="border">Description</th>
                            <th class="border">Action</th>
                        </tr>
                    </thead>
                    <tbody class="append_new_row">
                        @foreach($faq as $key=> $faq_data)
                        <tr class="border remove_rows_tr_{{$key+1}}">
                            <input type="hidden" value="{{$faq_data->id}}" name="faq_ids[]">
                            <td width="30%" class="border">
                                <input class="form-control" type="text" name="title[]" value="{{$faq_data->name}}" placeholder="Enter Title" required>
                            </td>
                            <td class="border">

                                <textarea class="form-control" id="desc{{$key}}" name="short_description[]" placeholder="Enter Description">{{$faq_data->short_description}}</textarea>
                            </td>
                            <td>
                                @if ($key==0)
                                <button type="button" class="btn btn-primary add_new_row"><i class="fa fa-plus"></i></button>
                                @else
                                <button data-id="{{$faq_data->id}}" type="button" class="btn btn-danger remove_row_from_db"><i class="fa fa-minus"></i></button>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

                <label class=""><b>Course Packages Details :</b></label>
                <div class="append_new_row_1">
                    @foreach($package as $key=> $package_data)
                    <input type="hidden" value="{{$package_data->id}}" name="package_ids[]">
                    <div class="form-group row remove_rows_tr_1_{{$key+1}}" style="border-bottom: 1px solid #dbd4d4;padding-bottom: 10px;">
                        <div class="col-md-4">
                            <label class="col-form-label">Title </label>
                            <div class="">
                                <input class="form-control" type="text" value="{{$package_data->title}}" name="pack_title[]" placeholder="Enter Title" required>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label class="col-form-label">Sub Title </label>
                            <div class="">
                                <input class="form-control" type="text" value="{{$package_data->subtitle}}" name="sub_title[]" placeholder="Enter Sub Title" required>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <label class="col-form-label">Price</label>
                            <div class="">
                                <input class="form-control" type="text" value="{{$package_data->price}}" name="price[]" placeholder="Enter Price" required>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label class="col-form-label">Sequence</label>
                            <div class="">
                                <input class="form-control" type="text" value="{{$package_data->sequence}}" name="sequence[]" placeholder="Enter Sequence" required>
                            </div>
                        </div>


                        <div class="col-md-7">
                            <label class="col-form-label">Content </label>
                            <div class="">
                                <textarea name="pack_content[]" class="form-control" id="desc_1_{{$key}}" required>{{$package_data->detail}}</textarea>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label class="col-form-label">Remove </label><br>
                            @if ($key==0)
                            <button type="button" class="btn btn-primary add_new_row_1"><i class="fa fa-plus"></i></button>
                            @else
                            <button data-id="{{$package_data->id}}" type="button" class="btn btn-danger remove_row_from_db_1"><i class="fa fa-minus"></i></button>
                            @endif

                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="col-md-2 mb-15">
                    <label class="col-form-label">Add More </label><br>
                    <button type="button" class="btn btn-primary add_new_row_1"><i class="fa fa-plus"></i></button>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Meta Title <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" name="meta_title" value="{{$courses->meta_title}}" placeholder="Enter Meta Title" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Meta Description <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" name="meta_description" value="{{$courses->meta_description}}" placeholder="Enter Meta Description" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Meta Keyword <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" name="meta_keyword" value="{{$courses->meta_keyword}}" placeholder="Enter Meta Keyword" required>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts') @parent

<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script type="text/javascript" src="{{asset('ckeditor/ckeditor.js')}}"></script>
<script type="text/javascript" src="{{asset('ckfinder/ckfinder.js')}}"></script>
<script src="{{asset('jquery.form.js')}}"></script>

<script>
    var editor = CKEDITOR.replace('description', {
        filebrowserUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files")}}',
        toolbarStartupExpanded: false,
        filebrowserImageUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images")}}',
        filebrowserFlashUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash")}}'
    });

    @foreach($faq as $key => $faq_data)

    CKEDITOR.replace('desc{{$key}}', {
        filebrowserUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files")}}',
        toolbarStartupExpanded: false,
        filebrowserImageUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images")}}',
        filebrowserFlashUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash")}}'
    });
    @endforeach
    @foreach($package as $key => $package_data)

    CKEDITOR.replace('desc_1_{{$key}}', {
        filebrowserUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files")}}',
        toolbarStartupExpanded: false,
        filebrowserImageUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images")}}',
        filebrowserFlashUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash")}}'
    });
    @endforeach


    var count_highlights = 1;
    $('.add_new_row').click(function() {

        count_highlights++;

        $('.append_new_row').append('<tr class="border remove_rows_tr_' + count_highlights + '"><td width="30%" class="border"><input class="form-control" type="text" name="title[]" placeholder="Enter Title" required><td class="border"><textarea class="form-control" name="short_description[]" placeholder="Enter Description" id="desc' + count_highlights + '"></textarea></td><td><button data-id="' + count_highlights + '" type="button" class="btn btn-danger remove_rows"><i class="fa fa-minus"></i></button></td></tr>');

        CKEDITOR.replace('desc' + count_highlights, {
            filebrowserUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files")}}',
            toolbarStartupExpanded: false,
            filebrowserImageUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images")}}',
            filebrowserFlashUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash")}}'
        });

    });

    $(document).on("click", ".remove_rows", function() {

        var id = $(this).data('id');
        // alert(id)
        $('.remove_rows_tr_' + id + '').remove();

    });
    var count_highlights_1 = 1;
    $('.add_new_row_1').click(function() {
        count_highlights_1++;
        $('.append_new_row_1').append('<div class="remove_rows_tr_1_' + count_highlights_1 + ' form-group row" style="border-bottom: 1px solid #dbd4d4;padding-bottom: 10px;"> <div class="col-md-4"> <label class="col-form-label">Title </label> <div class=""> <input class="form-control" type="text" name="pack_title[]" placeholder="Enter Title"> </div> </div> <div class="col-md-4"> <label class="col-form-label">Sub Title </label> <div class=""> <input class="form-control" type="text" name="sub_title[]" placeholder="Enter Sub Title"> </div> </div> <div class="col-md-2"> <label class="col-form-label">Price</label> <div class=""> <input class="form-control" type="text" name="price[]" placeholder="Enter Price" required> </div> </div> <div class="col-md-2"> <label class="col-form-label">Sequence</label> <div class=""> <input class="form-control" type="text" name="sequence[]" placeholder="Enter Sequence" required> </div> </div> <div class="col-md-7"> <label class="col-form-label">Content </label> <div class=""> <textarea name="pack_content[]" class="form-control" id="desc_1_' + count_highlights_1 + '" required></textarea></div> </div> <div class="col-md-2"> <label class="col-form-label">Remove </label><br> <button data-id="' + count_highlights_1 + '" type="button" class="btn btn-danger remove_rows_1"><i class="fa fa-minus"></i></button> </div> </div> </div>');


        CKEDITOR.replace('desc_1_' + count_highlights_1, {
            filebrowserUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files")}}',
            toolbarStartupExpanded: false,
            filebrowserImageUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images")}}',
            filebrowserFlashUploadUrl: '{{asset("ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash")}}'
        });
    });

    $(document).on("click", ".remove_rows_1", function() {

        var id = $(this).data('id');
        // alert(id)
        $('.remove_rows_tr_1_' + id + '').remove();
        // count_highlights++;

        // $('.append_new_row').append('<tr class="border remove_rows_tr_'+count_highlights+'"><td class="border">'+count_highlights+'</td><td class="border"><input class="form-control" type="text" name="highlights[]" placeholder="Enter Highlights" required></td><td class="border"><select name="include[]" class="form-control" id=""><option value="Yes">Yes</option><option value="No">No</option></select></td><td><button data-id="'+count_highlights+'" type="button" class="btn btn-danger remove_rows"><i class="fa fa-minus"></i></button></td></tr>');
    });

    $(document).on("click", ".remove_row_from_db", function() {
        var id = $(this).data('id');

        $.ajax({
            url: "{{url('admin/remove_faq')}}",
            type: "post",
            data: {
                "_token": "{{ csrf_token() }}",
                'id': id,
            },
            success: function(response) {
                location.reload();
            }
        });
    });

    $(document).on("click", ".remove_row_from_db_1", function() {
        var id = $(this).data('id');

        $.ajax({
            url: "{{url('admin/remove_package')}}",
            type: "post",
            data: {
                "_token": "{{ csrf_token() }}",
                'id': id,
            },
            success: function(response) {
                location.reload();
            }
        });
    });
</script>
@endsection