@extends ('backend.layouts.app')

@section ('title', 'Tools Update')

@section('after-styles')

    <style>
        i.fa-mypdf {
            font-size: 20px;
            color: #000;
            margin-right: 10px;
            display: inline-block;
            vertical-align: bottom;
        }
        .a_pdf {
            display: block;
            margin-bottom: 10px;
        }
    </style>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" />


@endsection

@section('page-header')
    <h1>
        Tools Management
        <small>Tools Edit</small>
    </h1>
@endsection

@section('content')
    {{ Form::model($tool, ['route' => ['admin.modules.tool.update', $tool], 'enctype' => "multipart/form-data", 'class' => 'form-horizontal', 'role' => 'form', 'method' => 'PATCH', 'id' => 'edit-tool']) }}

        <div class="box box-success">
            <div class="box-header with-border">
                <h3 class="box-title">Edit Tool</h3>

                <div class="box-tools pull-right">
                    @include('backend.modules.includes.partials.tool-header-buttons')
                </div><!--box-tools pull-right-->
            </div><!-- /.box-header -->

            <div class="box-body">
                <div class="form-group">
                    {{ Form::label('Image', 'Choose image', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        @if($tool->image)
                            {{ Html::image('images/uploads/' . $tool->image, 'alt', ['style' => 'max-width: 150px; margin-bottom: 15px;']) }}
                        @endif
                        {{ Form::file('image', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Choose image']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('title', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter title']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('description', 'Description', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::textarea('description', null, ['class' => 'form-control', 'id' => 'description', 'required' => 'required', 'placeholder' => 'Enter description']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('pdf_file', 'Choose New PDF File', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        @if($tool->pdf_file)
                            <a target="_blank" class="a_pdf" href="{{ asset('pdftools/' . $tool->pdf_file) }}"><i class="fa fa-file-pdf-o fa-mypdf"></i>Open PDF</a>
                        @endif
                        {{ Form::file('pdf_file', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Choose image']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('publish_date', 'Publish Date', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('publish_date', null, ['class' => 'form-control', 'id' => 'datepicker', 'required' => 'required', 'placeholder' => 'Choose publish date']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('category', 'Select Category', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        <select class="select form-control" name="category" id="category">
                            <option value="1" {{ $tool->category == 1 ? 'selected' : '' }}>Research</option>
                            <option value="2" {{ $tool->category == 2 ? 'selected' : '' }}>Insights</option>
                            <option value="3" {{ $tool->category == 3 ? 'selected' : '' }}>Education</option>
                        </select>
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group" id="subcat" style="{{ $tool->category == 1 ? 'display: block' : 'display: none' }}">
                    {{ Form::label('subcategory', 'Select Subcategory', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        <select class="select form-control" name="subcategory" id="subcategory">
                            <option selected disabled>Select Subcategory</option>
                            <option value="1" {{ $tool->subcategory == 1 ? 'selected' : '' }}>Onshore </option>
                            <option value="2" {{ $tool->subcategory == 2 ? 'selected' : '' }}>Offshore</option>
                        </select>
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Active', 'Active', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        <input type="checkbox" value="1" name="active" id="active" class="custom_checkbox" {{ $tool->active ? 'checked' : '' }}/>
                    </div><!--col-lg-10-->
                </div><!--form control-->
            </div><!-- /.box-body -->
        </div><!--box-->

        <div class="box box-success">
            <div class="box-body">
                <div class="pull-left">
                    {{ link_to_route('admin.modules.tool.index', trans('buttons.general.cancel'), [], ['class' => 'btn btn-danger btn-xs']) }}
                </div><!--pull-left-->

                <div class="pull-right">
                    {{ Form::submit(trans('buttons.general.crud.update'), ['class' => 'btn btn-success btn-xs']) }}
                </div><!--pull-right-->

                <div class="clearfix"></div>
            </div><!-- /.box-body -->
        </div><!--box-->

    {{ Form::close() }}
@endsection

@section('after-scripts')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
    <script src="//cdn.ckeditor.com/4.7.2/standard/ckeditor.js"></script>

    <script>
        $(document).ready(function() {

            $('#category').on('change', function() {
                if($(this).val() == 1) {
                    $('#subcat').show();
                } else {
                    $('#subcat').hide();
                }
            });

            $('#create-tool').on('submit', function() {

                if($('#category').val() == 1 && ! $('#subcategory').val()) {
                    alert('Select Sub Category');
                    return false;
                }
            });

            $('#datepicker').datepicker({
                format: "dd/mm/yyyy",
                todayHighlight: true
            });

            CKEDITOR.replace( 'description' );
        });
    </script>

@endsection