@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>Add Product</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/plans')}}">Product</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Edit Product</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_plans/'.base64_encode($plans->id))}}" enctype="multipart/form-data">
                @csrf
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Product 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 Product Category</option>
                            @foreach($plan_category as $plan_category_data)
                                <option @if($plans->category_id == $plan_category_data->id) selected @endif value="{{$plan_category_data->id}}">{{$plan_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="{{$plans->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">Image</label>
                    <div class="col-sm-12 col-md-10">
                        <a target="_blank" href="{{asset('product/'.$plans->image)}}">
                            <img style="height: 100px;width: 100px;" src="{{asset('product/'.$plans->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">URL Tag <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" pattern="[A-Za-z0-9_-]+" name="url" placeholder="about-us" value="{{$plans->url}}" type="text" required>
                    </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>{{$plans->description}}</textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Price <label style="color:red;">*</label></label>
                    <div class="col-sm-12 col-md-10">
                        <input class="form-control" type="text" name="price" value="{{$plans->price}}" placeholder="Enter Price" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-12 col-md-2 col-form-label">Is Refurbished Product</label>
                    <div class="col-sm-12 col-md-10">
                        <input type="checkbox" @if($plans->is_refurbished) checked @endif name="is_refurbished" value="1" class="mt-2" style="height: 20px;width: 20px;" placeholder="Enter Price" required>
                    </div>
                </div>
                <label class=""><b>Repair Details :</b></label>
                <div class="text-right">
                    <button type="button" class="btn btn-primary add_new_row mb-15"><i class="fa fa-plus"></i></button>
                </div>
                <table id="example" class="checkbox-datatable table nowrap">
                    <thead>
                        <tr class="border">
                            <th class="border">Repair Details</th>
                            <th class="border">Price</th>
                            <th class="border">Action</th>
                        </tr>
                    </thead>
                    <tbody class="append_new_row">
                        @foreach($highlights as $key=> $highlights_data)
                            <tr class="border remove_rows_tr_{{$key+1}}">
                                <td class="border"><input class="form-control" type="text" value="{{$highlights_data->name}}" name="highlights[]" placeholder="Enter Highlights" required></td>
                                <td class="border">
                                    <input class="form-control" value="{{$highlights_data->include}}" type="text" name="include[]" placeholder="Enter Amount" required>
                                </td>
                                <td> 
                                    <button type="button" class="btn btn-primary add_new_row"><i class="fa fa-plus"></i></button>
                                    <button data-id="{{$key+1}}" type="button" class="btn btn-danger remove_rows"><i class="fa fa-minus"></i></button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

                <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="{{$plans->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="{{$plans->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="{{$plans->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")}}'
    });

    var count_highlights = {{sizeof($highlights)}};
    $('.add_new_row').click(function() {

        count_highlights++;

        $('.append_new_row').append('<tr class="border remove_rows_tr_'+count_highlights+'"><td class="border"><input class="form-control" type="text" name="highlights[]" placeholder="Enter Highlights" required></td><td class="border"><input class="form-control" type="text" name="include[]" placeholder="Enter Amount" required></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_rows",function() {            
        var id = $(this).data('id');
        $('.remove_rows_tr_'+id+'').remove();
    });

</script>
@endsection