@extends('admin.admin_master')
@section('content-header', $page_header)
@section('content')

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Departments</li>
                        </ol>
                    </div>
                    <div class="col-sm-6">
                        <span class="float-right"><a href="{{ route($link . '.index') }}"
                                class="btn btn-sm btn-fill btn-warning">{!! VIEWLIST_ICON !!}</a></span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="card card-primary">
                <div class="card-body">
                    <form method="POST" action="{{ route($link . '.update', $record->id) }}">
                        <div class="row">
                            {{ csrf_field() }}
                            {{ method_field('PATCH') }}



                            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <label class="control-label" for="title_en">Name English</label>
                                    <input type="text" class="form-control" id="title_en" name="title_en"
                                        value="{!! old('title_en') ?: $record->title_en !!}">
                                    @if ($errors->has('title_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="title_np">Name Nepali</label>
                                    <input type="text" class="form-control" id="title_np" name="title_np"
                                        value="{!! old('title_np') ?: $record->title_np !!}">
                                    @if ($errors->has('title_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_np') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="description_en">Description</label>
                                    <br>
                                    <textarea id="my-editor" class="my-editor tinymce" name="description_en" placeholder="Place some text here">{!! old('description_en') ?: $record->description_en !!}</textarea>
                                    @if ($errors->has('description_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('description_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="description_np">विस्तृत विवरण </label>
                                    <br>
                                    <textarea id="my-editor" class="my-editor tinymce" name="description_np" placeholder="Place some text here">{!! old('description_np') ?: $record->description_np !!}</textarea>
                                    @if ($errors->has('description_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('description_np') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            
                            <div class="col-md-3">
                               

                                <div class="form-group">
                                    <label class="control-label">Department Image</label>
                                    @if ($record->image)
                                        <img src="{{ asset($record->image) }}" alt="..."
                                            style="height: 108px; width:231px" id="hide_image">
                                    @endif
                                    <input id="thumbnail" class="form-control" type="text" name="image"
                                        value="{{ $record->image }}" readonly><br>
                                    <span class="input-group-btn">
                                        <a data-type="image" id="lfm-image" data-input="thumbnail" data-preview="holder"
                                            class="btn btn-info btn-sm fancy">
                                            <i class="fa fa-picture-o"></i> insert image
                                        </a>
                                        <a id="remove_image" class="btn btn-danger btn-sm fancy" onclick="removeImage()">
                                            <i class="fa fa-picture-o"></i> remove image
                                        </a>
                                    </span>
                                    @if ($errors->any())
                                        <div>
                                            <span class="text-danger">{{ $errors->first() }}.*</span>
                                        </div>
                                    @endif
                                </div>
                                @if ($errors->has('image'))
                                    <span class="help-block text-danger">
                                        <strong>{{ $errors->first('image') }}</strong>
                                    </span>
                                @endif
                                <img id="holder" style="margin-top:15px;max-height:100px;">


                                


                                

                              

                                <div class="form-group">
                                    <label for="status">Status</label>
                                    <select name="status" id="statusid" class="form-control">
                                        <option value="1"
                                            @if ($record->status == '1') {{ 'selected' }} @endif>
                                            {!! PUBLISH !!}</option>
                                        <option value="0"
                                            @if ($record->status == '0') {{ 'selected' }} @endif>
                                            {!! UNPUBLISH !!}</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="sort_order">Sequence Number</label>
                                    <input class="form-control" type="text" name="sort_order" id="sort_order"
                                        value="{{ $record->sort_order }}">
                                </div>
                                <div class="form-group">
                                    <input class="form-control" type="hidden" value="{{ $url }}"
                                        name="url" id="url">
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-success btn-fill btn-sm ">Update</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
    @push('script')
        <script>
            $(document).ready(function() {
                degChangebyLang();
            });

            function degChangebyLang() {
                $('.selcat').show();
                var lang = $("#lang").val();
                $.ajax({
                    type: "GET",
                    url: "{{ route('getdep') }}",
                    data: {
                        lang: lang,
                        'id': {{ $record->id }}
                    },
                    cache: false,
                    success: function(data) {
                        console.log(data);
                        // return;
                        if (data.success == true)
                            var li = '';
                        var op = '<option value="0">None</option>';
                        // var parent_department_counter = 0;
                        // var current_parent_department = '';
                        // var child_department_counter = 1;
                        $.each(data[0].dept_type, function(key, value) {

                            if (data[1].department_type_id == value.id) {

                                li += "<option value='" + value.id + "'selected>" + value.title +
                                    "</option>";

                            } else {
                                li += "<option value='" + value.id + "' >" + value.title + "</option>";
                            }
                        });
                        // console.log(li);
                        $("#department_type").empty();
                        $("#department_type").append(li);

                        $.each(data[0].parent_data, function(key, val) {

                            if (data[1].parent_id == val.id) {

                                op += "<option value='" + val.id + "'selected>" + val.name + "</option>";
                            } else {
                                op += "<option value='" + val.id + "'>" + val.name + "</option>";

                            }


                        });
                        // console.log(op);
                        $("#parent_department").empty();
                        $("#parent_department").append(op);
                    }
                });
            }
        </script>
    @endpush
@endsection