@extends('layouts.admin')
@section('css')
@endsection
@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ $data->id ?  __('handbooks.edit') :  __('handbooks.add') }}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('common.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a href="{{route('handbooks.index')}}">{{ __('handbooks.title') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{ $data->id ?  __('handbooks.edit') :  __('handbooks.add') }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                <div class="error-msg font-14"></div>
                <div class="row">
                <div class="col-md-6">
                    {{ Form::open(array('route' => $routes, 'method' => 'POST' ,'id' => 'ajaxSave','files' => true))}}
                    <div class="custom-input-group colored-field-group custom-input-group-small">
                        {{Form::label('handbook_category', __('handbooks.category'), array('class' => 'control-label'))}}
                        {!! Form::select('handbook_category', handbookCategory('', true), $data->handbook_category, ['class' => 'form-control select2']) !!}
                    </div>
                    <div class="custom-input-group colored-field-group custom-input-group-small">
                        {{Form::label('parent_id', __('handbooks.parent'), array('class' => 'control-label'))}}
                        {{ Form::select('parent_id',  ['' => __('common.select-option')], $data->parent_id, array('class' => 'form-control select2-new')) }}
                        {{ Form::hidden('selected_parent_id',$data->parent_id,['id'=>'selected_parent_id']) }}
                    </div>
                    <div class="custom-input-group colored-field-group custom-input-group-small">
                        {{Form::label('id', __('handbooks.name'), array('class' => 'control-label'))}}
                        {{ Form::text('name', $data->name,array('placeholder' => __('handbooks.name'),'class' => 'form-control'))}}
                    </div>
                    <div class="custom-input-group colored-field-group custom-input-group-small">
                        {{Form::label('id', __('handbooks.status'), array('class' => 'control-label'))}}
                        {{ Form::select('status', activeStatus(), $data->status, array('class' => 'form-control select2')) }}
                    </div>

                    <div class="form-group mt-2 text-left">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                {{ Form::submit( __('common.save'), array('class' => 'btn btn-primary width80'));}}
                            </li>

                        </ul>
                    </div>

                </div>
                <div class="col-md-6">
                    <div class="custom-input-group colored-field-group custom-input-group-small">
                        {{Form::label('content_type', __('handbooks.content_type'), array('class' => 'control-label'))}}
                        <div class="form-group">
                            {!! Form::radio('content_type', 1, !isset($data->content_type) || ($data->content_type == 1)?true:false,['id'=>"content"]) !!}
                            {!! Form::label('content', __('handbooks.description'), array('for' => 'content','class' =>'mr-2')) !!}
                            {!! Form::radio('content_type', 2,($data->content_type == 2)?true:false,['id'=>"file"]) !!}
                            {!! Form::label('file', __('handbooks.attachment'), array('for' => 'file')) !!}
                        </div>
                    </div>
                                        <div class="custom-input-group colored-field-group custom-input-group-small con_desc" {!! $showDesc !!}>
                        {{Form::label('description', __('handbooks.description'), array('class' => 'control-label'))}}
                        {{ Form::textarea('description', ($data->content_type == 1)?$data->description:"", array('class' => 'form-control','id' => 'content-desc')) }}
                    </div>
                    <div class="custom-input-group colored-field-group custom-input-group-small con_atc" {!! $showAttc !!}>
                        {{Form::label('attachment', __('handbooks.attachment'), array('class' => 'control-label'))}}
                        {{ Form::file('attachment') }}

                        @if ($data->content_type == 2)
                            @php
                            $extension = pathinfo($data->description, PATHINFO_EXTENSION);
                            $file = pathinfo($data->description, PATHINFO_FILENAME);

                            @endphp
                            @if (in_array($extension, ['pdf','mp3']))
                                <a href="{{ getImagePath($data->description) }}" target="_blank" class="pdf-style">

                                    {{ $file . '.' . $extension }}
                                </a>
                            @else
                                <img src="{{ getImagePath($data->description) }}" width="auto" height="80px"
                                     class="mt-2" />
                                <p>
                                    <a href="{{ getImagePath($data->description) }}" target="_blank"
                                       class="pdf-style">

                                        {{ $file . '.' . $extension }}
                                    </a>
                                </p>
                            @endif
                        @endif
                    </div>
                </div>
                @if($data->id) @method('PUT') @endif
                {{ Form::token()}}
                {{ Form::close()}}
                </div>
            </div>
        </div>

    </div>
</div>
@endsection

@section('script')
<script>
    $('body').on('change', '#handbook_category', function(e) {
        $('#parent_id').html('<option value="">Select Option</option>');

        let category_id = $(this).val();
        let parent_id =$('#selected_parent_id').val();
        let route = "{!! route('handbooks.service') !!}";

        ajaxFire(route, { category_id: category_id ,selected:parent_id}, function(response) {
            response = jQuery.parseJSON(response);
            if(response.status) {
                $('#parent_id').html(response.options);
                //$('#parent_id').selectpicker('refresh');
            }
        });
    });
    $('#handbook_category').trigger("change");
    $("input[name='content_type']").change(function() {
        var type = $(this).val();
        if(type == 1){
            $('.con_desc').show();
            $('.con_atc').hide();
        }else{
            $('.con_desc').hide();
            $('.con_atc').show();
        }
    });
    $(window).on('load', function (){
        CKEDITOR.replace('content-desc');

        CKEDITOR.instances.content.on('change', function() {
            $('#content-desc').parent().find('.error').slideUp('slow');
        });
    });
</script>
@endsection