@extends('layouts.member-app')
@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i> {{ $pageTitle }}</h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('member.dashboard') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('member.assets') }}">{{ $pageTitle }}</a></li>
                <li class="active">@lang('app.edit')</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection

@push('head-script')
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/summernote/dist/summernote.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/multiselect/css/multi-select.css') }}">
    <style>
        .panel-black .panel-heading a:hover, .panel-inverse .panel-heading a:hover {
            color: #000 !important;
        }
        .panel-black .panel-heading a, .panel-inverse .panel-heading a {
            color: #000 !important;
        }
    </style>
@endpush

@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-inverse">
                <div class="panel-heading"> @lang('asset::app.updateTitle')</div>
                <div class="panel-wrapper collapse in" aria-expanded="true">
                    <div class="panel-body">
                        <form id="createAsset" class="ajax-form" method="POST" autocomplete= "off">
                            @csrf
                            @method('PUT')
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">@lang('asset::app.assetName')</label>
                                            <input type="text" id="name" name="name" value="{{ $asset->name ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">@lang('asset::app.assetType')
                                                <a href="javascript:;"
                                                   id="createAssetType"
                                                   class="btn btn-xs btn-outline btn-success">
                                                    <i class="fa fa-plus"></i> @lang('asset::app.addAssetType')
                                                </a></label>
                                            <select class="select2 form-control" name="asset_type_id" id="asset_type_id" data-style="form-control">
                                                @foreach($assetType as $type)
                                                    <option value="{{ $type->id }}" @if($asset->asset_type_id == $type->id) selected @endif>{{ $type->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">@lang('asset::app.serialNumber')</label>
                                            <input type="text" id="serial_number" name="serial_number" value="{{ $asset->serial_number ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('asset::app.status')</label>
                                            <div class="checkbox themeCheckbox">
                                                <input id="status" name="status" value="true"
                                                       type="checkbox" @if($asset->status == 'non-functional') checked @endif>
                                                <label for="random_password">@lang('asset::app.nonFunctional')</label>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Model </label>
                                            <input type="text" id="model" name="model" value="{{ $asset->model ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">DOP </label>
                                            <input type="date" id="dop" name="dop" value="{{ $asset->dop ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                </div>
                                <!--/row-->
                                  <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Vendor   </label>
                                            <input type="text" id="vendor" name="vendor" value="{{ $asset->vendor ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Department  </label>
                                            <input type="text" id="department" name="department" value="{{ $asset->department ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                </div>
                                <!--/row-->
                                  <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Processor   </label>
                                            <input type="text" id="processor" name="processor" value="{{ $asset->processor ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">RAM  </label>
                                            <input type="text" id="ram" name="ram" value="{{ $asset->ram ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                </div>
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">HardDisk</label>
                                            <input type="text" id="harddisk" name="harddisk" value="{{ $asset->harddisk ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Operating System  </label>
                                            <input type="text" id="operating_system" name="operating_system" value="{{ $asset->operating_system ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                </div>
                                <!--/row-->
                                 <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">PurchasedBy </label>
                                            <input type="text" id="purchased_by" name="purchased_by" value="{{ $asset->purchased_by ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Warranty</label>
                                            <input type="text" id="warranty" name="warranty" value="{{ $asset->warranty ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                </div>
                                <!--/row-->
                                 <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label required">Mac Address </label>
                                            <input type="text" id="mac_address" name="mac_address" value="{{ $asset->mac_address ?? '' }}" class="form-control" >
                                        </div>
                                    </div>
                                </div>
                                    <!--/row-->
                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="form-group">
                                            <label class="control-label">@lang('asset::app.description')</label>
                                            <textarea name="description" rows="4" id="description" class="form-control">{{ $asset->description ?? '' }}</textarea>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <label>@lang('asset::app.assetPicture')</label>
                                        <div class="form-group">
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                                    <img src="{{ $asset->image_url ?? '' }}"
                                                         alt=""/>
                                                </div>
                                                <div class="fileinput-preview fileinput-exists thumbnail"
                                                     style="max-width: 200px; max-height: 150px;"></div>
                                                <div>
                                <span class="btn btn-info btn-file">
                                    <span class="fileinput-new"> @lang('app.selectImage') </span>
                                    <span class="fileinput-exists"> @lang('app.change') </span>
                                    <input type="file" id="image" name="image"> </span>
                                                    <a href="javascript:;" class="btn btn-danger fileinput-exists"
                                                       data-dismiss="fileinput"> @lang('app.remove') </a>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <div class="form-actions">
                                <button type="submit" id="save-form" class="btn btn-success"> <i class="fa fa-check"></i> @lang('app.save')</button>
                                <a href="{{ route('member.assets') }}" class="btn btn-default">@lang('app.back')</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>    <!-- .row -->
    {{--Ajax Modal--}}
    <div class="modal fade bs-modal-md in" id="taskCategoryModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->.
    </div>
    {{--Ajax Modal Ends--}}
@endsection

@push('footer-script')
<script src="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/multiselect/js/jquery.multi-select.js') }}"></script>
<script src="{{ asset('plugins/bower_components/summernote/dist/summernote.min.js') }}"></script>
<script>
    $(".date-picker").datepicker({
        todayHighlight: true,
        autoclose: true
    });

    $(".select2").select2({
        formatNoMatches: function () {
            return "{{ __('messages.noRecordFound') }}";
        }
    });

    $('.summernote').summernote({
        height: 200,                 // set editor height
        minHeight: null,             // set minimum height of editor
        maxHeight: null,             // set maximum height of editor
        focus: false,
        toolbar: [
            // [groupName, [list of button]]
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough']],
            ['fontsize', ['fontsize']],
            ['para', ['ul', 'ol', 'paragraph']],
            ["view", ["fullscreen"]]
        ]
    });

    $('#save-form').click(function () {
        $.easyAjax({
            url: '{{route('member.assets.update', $asset->id)}}',
            container: '#createAsset',
            type: "POST",
            redirect: true,
            file: true
        })
    });
    $('#createAssetType').click(function() {
        var url = '{{ route('member.asset-type.create')}}';
        $('#modelHeading').html("@lang('assets::app.assetType')");
        $.ajaxModal('#taskCategoryModal', url);
    })
</script>
@endpush