@extends('admin.layouts.layouts')

@section('title', 'Edit | Pesticide')

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Edit Pesticide
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('pesticide.index') }}">Pesticide</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                {!! Form::open([
                    'route' => ['pesticide.update', $editDetails->id],
                    'method' => 'POST',
                    'id' => 'validate_form_add_pesticide',
                    'class' => 'forms-sample',
                    'enctype' => 'multipart/form-data',
                ]) !!}
                {!! Form::hidden('edit_id', $editDetails->id, ['id' => 'editId']) !!}
                <div class="card-body">
                    <input type="hidden" name="submit_type" id="submit_type" value="edit">
                    <div class="row mb-1">
                        <div class="col-md-6">
                            <div class="form-group row align-items-center">
                                <label class="col-sm-3 col-form-label">Name<span class="text-danger">*</span></label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control onlytxt" name="name" id="name"
                                        placeholder="Enter pesticide name" value="{{ $editDetails->name }}"
                                        data-parsley-required="required" data-parsley-required-message="Please enter name"
                                        data-parsley-trigger="keyup">
                                    <span class="text-danger" id="name_error">{{ $errors->first('name') }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Image<span class="text-danger">*</span></label>
                                <div class="col-sm-9">
                                    <div class="align-items-start ">

                                        <div class="input-group">
                                            <input type="file" readonly class="form-control file-upload-info"
                                                placeholder="Upload Image" name="image" id="image"
                                                data-parsley-trigger="keyup" data-parsley-filetype="png,jpg,jpeg"
                                                data-parsley-trigger="change" data-parsley-errors-container="#image_error"
                                                data-parsley-filetype-message="Only .png, .jpg and .jpeg files are allowed." />
                                            @php
                                                $image = 'public/' . ($editDetails->image ?? '');
                                            @endphp

                                            @if (isset($editDetails->image) && !empty($editDetails->image))
                                                <div class="input-group-append">
                                                    @if (!empty($editDetails->image) && Storage::exists($image))
                                                        <img src="{{ asset('storage/' . $editDetails->image) }}"
                                                            alt="Tin File" width="65" height="65"
                                                            class="img-thumbnail me-3">
                                                    @else
                                                        <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}"
                                                            alt="No Image" width="65" height="65"
                                                            class="img-thumbnail me-3">
                                                    @endif
                                                </div>
                                            @endif
                                        </div>
                                        <span class="text-danger" id="image_error">{{ $errors->first('image') }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Description<span class="text-danger">*</span></label>
                            <div class="col-sm-10">
                                <textarea name="description" id="description" class="form-control" placeholder="Enter description" rows="4"
                                    data-parsley-required="required" maxlength="1000" data-parsley-maxlength="5000"
                                    data-parsley-maxlength-message="Description cannot be more than 5000 characters"
                                    data-parsley-required-message="Please enter description" data-parsley-trigger="keyup"
                                    data-parsley-errors-container='#description_error'>{{ $editDetails->description }}</textarea>
                                <span class="text-danger" id="description_error">{{ $errors->first('description') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary mr-2" id="addPesticide">Update</button>
                    <a href="{{ route('pesticide.index') }}" class="btn btn-light">Cancel</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection
@section('page-js')
    <script>
        var updateHistory = true;
        var pesticideId = "{{ $editDetails->id }}";
        var pesticideStore = "{{ route('pesticide.store') }}";
        var pesticideIndexURL = "{{ route('pesticide.index') }}";        

        // Ck Editor Code
        CKEDITOR.replace("description");

        CKEDITOR.on("instanceReady", function() {
            // $("#content").attr("required", "");
            $.each(CKEDITOR.instances, function(instance) {
                CKEDITOR.instances[instance].on("change", function(e) {
                    for (instance in CKEDITOR.instances) {
                        CKEDITOR.instances[instance].updateElement();
                    }
                });
            });
        });
    </script>
    <script src="{{ asset('assets/js/admin/pesticide.js') }}"></script>
@endsection