@extends('layout.default')

@section('styles')
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('material.index'))
    <a href="{{ route('material.index') }}" class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
    @PermissionsCan(groupPermissionName('material.update'))
    <div class="btn-group">
        <button type="submit" class="btn btn-primary font-weight-bolder" form="material_edit_form">
            <i class="ki ki-check icon-sm"></i><u>S</u>ave
        </button>
    </div>
    @endPermissionsCan
@endsection
@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" id="load-section-js">
            <form class="form" id="material_edit_form" data-method="post"
                  data-url="{{ route('material.update', $material->id) }}">
                <div class="accordion accordion-toggle-arrow" id="accordionExample1">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title collapsed" data-toggle="collapse"
                                 data-target="#basic_detail_collapse" aria-expanded="false">
                                Basic Details
                            </div>
                        </div>
                        <div id="basic_detail_collapse" class="collapse show" data-parent="#accordionExample1" style="">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>{{ __("Material Category") }} <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="material_category_id" id="material_category_id"
                                                        class="form-control form-control-lg material_category-select2-js"
                                                        data-action="{{ route('materialcategory.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->materialCategory))
                                                        <option value="{{ $material->materialCategory->id }}" selected>
                                                            {{ $material->materialCategory->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('materialcategory.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Sub Material Category</label>
                                            <div class="btn-group">
                                                <select name="sub_category_id" id="sub_category_id"
                                                        class="form-control form-control-lg subcategory-select2-js"
                                                        data-action="{{ route('subcategory.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->subCategory))
                                                        <option value="{{ $material->subCategory->id }}" selected>
                                                            {{ $material->subCategory->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('subcategory.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Material Group <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="material_group_id" id="material_group_id"
                                                        class="form-control form-control-lg materialgroup-select2-js"
                                                        data-action="{{ route('materialgroup.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->materialGroup))
                                                        <option value="{{ $material->materialGroup->id }}" selected>
                                                            {{ $material->materialGroup->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('materialgroup.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Sub Group <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="sub_group_id" id="sub_group_id"
                                                        class="form-control form-control-lg subgroup-select2-js"
                                                        data-action="{{ route('subgroup.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->subGroup))
                                                        <option value="{{ $material->subGroup->id }}" selected>
                                                            {{ $material->subGroup->description }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('subgroup.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Part Code <b class="text-danger">*</b></label>
                                            <div class="input-group">
                                                <input id="code" class="form-control text-uppercase"
                                                       type="text" maxlength="10" name="code" id="code"
                                                       placeholder="Enter Part Code"
                                                       value="{{ $material->code }}" autofocus/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Name <b class="text-danger">*</b></label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="name"
                                                       placeholder="Enter Name" id="name"
                                                       value="{{ $material->name }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Unit <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="unit_id" id="unit_id"
                                                        class="form-control form-control-lg unit-select2-js"
                                                        data-action="{{ route('unit.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->unit))
                                                        <option value="{{ $material->unit->id }}" selected>
                                                            {{ $material->unit->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('unit.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Product HSN/SAC Code <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="hsn_id" id="hsn_id"
                                                        class="form-control form-control-lg hsn-select2-js"
                                                        data-action="{{ route('hsn.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->hsn))
                                                        <option value="{{ $material->hsn->id }}" selected>
                                                            {{ $material->hsn->code }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('hsn.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>MRP </label>
                                            <div class="input-group">
                                                <input id="mrp" class="form-control"
                                                       type="text" name="mrp"
                                                       placeholder="Enter MRP"
                                                       value="{{ $material->mrp }}" autofocus/>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>CFactor</label>
                                            <div class="input-group">
                                                <input id="cfactor" class="form-control"
                                                       type="number" name="cfactor"
                                                       placeholder="Enter CFactor"
                                                       value="{{ $material->cfactor }}" autofocus/>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Conversion Qty <b class="text-danger">*</b></label>
                                            <div class="input-group">
                                                <input id="conversion_qty" class="form-control"
                                                       type="number" name="conversion_qty"
                                                       placeholder="Enter Conversion Qty"
                                                       value="{{ $material->conversion_qty }}" autofocus/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Conversion Unit <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="conversion_unit_id" id="conversion_unit_id"
                                                        class="form-control form-control-lg conversion_unit-select2-js"
                                                        data-action="{{ route('unit.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->ConversionUnit))
                                                        <option value="{{ $material->ConversionUnit->id }}" selected>
                                                            {{ $material->ConversionUnit->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('unit.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Material Type <b class="text-danger">*</b></label>
                                            <div class="btn-group">
                                                <select name="material_type_id" id="material_type_id"
                                                        class="form-control form-control-lg material_type-select2-js"
                                                        data-action="{{ route('materialtype.autocomplete') }}"
                                                        data-placeholder="select">
                                                    @if(!empty($material->materialType))
                                                        <option value="{{ $material->materialType->id }}" selected>
                                                            {{ $material->materialType->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('materialtype.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Process Type</label>
                                            <div class="input-group">
                                                <select name="process_type" id="process_type"
                                                        class="form-control form-control-lg process_type-select2-js"
                                                        data-placeholder="select">
                                                    @foreach(\Modules\Material\Entities\Material::PROCESS_TYPES as $pt_key => $process_type)
                                                        <option value="{{ $pt_key }}" {{ $pt_key == $material->process_type ? 'selected' : '' }}>{{ $process_type }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="">Stock Allocation At WO:</label>
                                            <div class="input-group">
                                                <select name="stock_allocation_at_wo" id="stock_allocation_at_wo"
                                                        class="form-control form-control-lg stock_allocation-select2-js"
                                                        data-placeholder="select">
                                                    @foreach(\Modules\Material\Entities\Material::STOCK_ALLOCATION_AT_WO as $sa_key => $stock_allocation_at_wo)
                                                        <option value="{{ $sa_key }}" {{ $sa_key == $material->stock_allocation_at_wo ? 'selected' : '' }}>{{ $stock_allocation_at_wo }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="">Status:</label>
                                            <div class="input-group">
                                                <select name="status" id="status"
                                                        class="form-control form-control-lg status-select2-js"
                                                        data-placeholder="select">
                                                    @foreach(\Modules\Material\Entities\Material::STATUSES as $s_key => $status)
                                                        <option value="{{ $s_key }}" {{ $s_key == $material->status ? 'selected' : '' }}>{{ $status }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="">Item Status:</label>
                                            <div class="input-group">
                                                <select name="item_status" id="item_status"
                                                        class="form-control form-control-lg item_status-select2-js"
                                                        data-placeholder="select">
                                                    @foreach(\Modules\Material\Entities\Material::ITEM_STATUSES as $is_key => $item_status)
                                                        <option value="{{ $is_key }}" {{ $is_key == $material->item_status ? 'selected' : '' }}>{{ $item_status }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="">Planning Status:</label>
                                            <div class="input-group">
                                                <select name="planning_status" id="planning_status"
                                                        class="form-control form-control-lg planning_status-select2-js"
                                                        data-placeholder="select">
                                                    @foreach(\Modules\Material\Entities\Material::PLANNING_STATUSES as $p_key => $planning)
                                                        <option value="{{ $p_key }}" {{ $p_key == $material->planning_status ? 'selected' : '' }}>{{ $planning }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="">Consider in Account:</label>
                                            <div class="input-group">
                                                <select name="consider_in_account" id="consider_in_account"
                                                        class="form-control form-control-lg consider_in_account-select2-js"
                                                        data-placeholder="select">
                                                    @foreach(\Modules\Material\Entities\Material::CONSIDER_IN_ACCOUNT as $ca_key => $consider_account)
                                                        <option value="{{ $ca_key }}" {{ $ca_key == $material->consider_in_account ? 'selected' : '' }}>{{ $consider_account }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Speed</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="speed"
                                                       placeholder="Enter Speed" id="speed"
                                                       value="{{ $material->speed }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Side Drive</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="side_drive"
                                                       placeholder="Enter Side Drive" id="side_drive"
                                                       value="{{ $material->side_drive }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Weight Approx in Kg</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="weight_approx_kg"
                                                       placeholder="Enter Weight Approx in Kg" id="weight_approx_kg"
                                                       value="{{ $material->weight_approx_kg }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Blade Type & Nos</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="blade_type_nos"
                                                       placeholder="Enter Blade Type & Nos" id="blade_type_nos"
                                                       value="{{ $material->blade_type_nos }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Document</label>
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input" id="document"
                                                       name="document[]" multiple>
                                                <label class="custom-file-label" for="document" id="document_label">Choose
                                                    file</label>
                                            </div>
                                            <span class="text-muted font-weight-bold">Maximum File Size limit 10MB | Uploaded File Size : </span>
                                            <span class="font-weight-bold" id="document_label_text"></span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        @if(!empty($material->document()))
                                            @foreach($material->document() as $document)
                                                <div class="col-lg-4">
                                                    <div>
                                                        <div class="file-preview file-preview-multi">
                                                            <div class="file-preview-items">
                                                                <div class="file-preview-item dz-processing dz-image-preview dz-error dz-complete"
                                                                     style="">
                                                                    <div class="file-preview-file">
                                                                        <div class="file-preview-filename"
                                                                             title="{{ $document['name'] }}">
                                                                            <span data-dz-name="">{{ $document['name'] }}</span>
                                                                            <strong>
                                                                                (
                                                                                <span data-dz-size="">{{ formatBytes($document['size']) }}</span>)
                                                                            </strong>
                                                                        </div>
                                                                        <div class="file-preview-error"
                                                                             style="color: #6c757d"
                                                                             data-dz-errormessage="">
                                                                            Preview this file Click&nbsp;
                                                                            <a href="{{ $document['file'] }}"
                                                                               target="_blank">
                                                                                here.
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <span class="form-text text-muted">Max file size is 1MB and max number of files is 5.</span>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Description</label>
                                            <div class="input-group">
                                                <textarea class="form-control" row="3" name="description"
                                                          id="description"
                                                          placeholder="Description">{{ $material->description }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card mt-5">
                        <div class="card-header">
                            <div class="card-title collapsed" data-toggle="collapse"
                                 data-target="#materail_detail_collapse">
                                Material Detail
                            </div>
                        </div>
                        <div id="materail_detail_collapse" class="collapse" data-parent="#accordionExample1">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Detail Description</label>
                                            <div class="input-group">
                                                <textarea class="form-control" row="3" name="detail_description"
                                                          id="detail_description"
                                                          placeholder="Detail Description">{{ $material->detail_description }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Drawing Number</label>
                                            <div class="btn-group">
                                                <select name="drawing_id" id="drawing_id"
                                                        class="form-control form-control-lg drawing_no-select2-js"
                                                        data-action="{{ route('drawing.autocomplete') }}"
                                                        data-placeholder="Select Drawing">
                                                    @if(!empty($material->drawing))
                                                        <option value="{{ $material->drawing->id }}" selected>
                                                            {{ $material->drawing->no }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('drawing.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Part No</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="part_no"
                                                       placeholder="Enter Part No" id="part_no"
                                                       value="{{ $material->part_no }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group d-flex flex-column">
                                            <label>Make</label>
                                            <div class="btn-group">
                                                <select name="make_id" id="make_id"
                                                        class="form-control form-control-lg make-select2-js"
                                                        data-action="{{ route('make.autocomplete') }}"
                                                        data-placeholder="Select Make">
                                                    @if(!empty($material->make))
                                                        <option value="{{ $material->make->id }}" selected>
                                                            {{ $material->make->name }}</option>
                                                    @endif
                                                </select>
                                                <a href="{{ route('make.create') }}" target="_blank"
                                                   class="btn btn-primary btn-sm"
                                                   type="submit"><i class="flaticon-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Minimum Stock Qty</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="number"
                                                       name="minimum_stock_qty"
                                                       placeholder="Enter Minimum Stock Qty" id="minimum_stock_qty"
                                                       value="{{ $material->minimum_stock_qty }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Maximum Stock Qty</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="number"
                                                       name="maximum_stock_qty"
                                                       placeholder="Enter Maximum Stock Qty" id="maximum_stock_qty"
                                                       value="{{ $material->maximum_stock_qty }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Minimum Order Qty</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="number"
                                                       name="minimum_order_qty"
                                                       placeholder="Enter Minimum Order Qty" id="minimum_order_qty"
                                                       value="{{ $material->minimum_order_qty }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Maximum Order Qty</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="number"
                                                       name="maximum_order_qty"
                                                       placeholder="Enter Maximum Order Qty" id="maximum_order_qty"
                                                       value="{{ $material->maximum_order_qty }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Lead Time(In Days)</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="lead_time_in_days"
                                                       placeholder="Enter Maximum Order Qty" id="lead_time_in_days"
                                                       value="{{ $material->lead_time_in_days }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Allow Manual Transaction</label>
                                            <div class="input-group">
                                                <input class="form-control text-uppercase" type="text"
                                                       name="allow_manual_transaction"
                                                       placeholder="Enter Allow Manual Transaction"
                                                       id="allow_manual_transaction"
                                                       value="{{ $material->allow_manual_transaction }}"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card mt-5">
                        <div class="card-header">
                            <div class="card-title collapsed" data-toggle="collapse"
                                 data-target="#material_child_collapse">
                                Material Child Detail
                            </div>
                        </div>
                        <div id="material_child_collapse" class="collapse" data-parent="#accordionExample1">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-xl-12">
                                        <div class="tab-content">
                                            <div class="table-responsive" id="material_child_detail_repeater">
                                                <table class="table table-sm table-foot-custom table-foot-bg table-bordered"
                                                       id="kt_table_repeater">
                                                    <thead class="thead-light">
                                                    <tr class="text-left">
                                                        <th scope="col" style="min-width: 150px;">Material</th>
                                                        <th scope="col" style="min-width: 150px;">Quantity</th>
                                                        <th scope="col" style="min-width: 50px;">Delete</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody data-repeater-list="material_child_detail">
                                                    @if(isset($material->materialChildDetail) && !empty($material->materialChildDetail) && $material->materialChildDetail()->count() > 0)
                                                        @foreach($material->materialChildDetail as $c_key => $materialChildDetail)