@extends('layouts.master')

@section('title')
Edit Solution & Service Category
@endsection

@section('extra-css')

@endsection

@section('index')
<div class="content">
    <div class="col-md-12">
        <div class="card card-user">
            <div class="card-header">
                <h5 class="card-title">Edit Solution & Service Category</h5>
            </div>
            <div class="card-body">
                
                <form id="form_validation" method="POST" action="{{ route('solution_n_service_categories.update',$sub_categories->id) }}" file="true" enctype="multipart/form-data">
                    @csrf
                    
                    <div class="form-group">
                        <div class="form-line">
                            <label class="form-label">Main Category</label>
                            <select class="form-control" name="parent_id" id="parentId">
                                <option value="">-- Select Main Category --</option>
                                @foreach($main_categories as $main_category)
                                <option value="{{$main_category->id}}" @if($main_category->id == $sub_categories->parent_id) selected @endif>{{ $main_category->name }}</option>
                                @endforeach
                            </select>
                            @error('main_category_id')
                            <label id="main_category_id-error" class="error" for="main_category_id">{{ $message }}</label>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-line">
                            <input name="_method" type="hidden" value="PUT">
                            <label class="form-label"  id="lbl_category">@if($sub_categories->parent_id != null) Sub Category Name @else Main Category Name @endif</label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ $sub_categories->name }}" required>
                            @error('name')
                            <label id="name-error" class="error" for="name">{{ $message }}</label>
                            @enderror
                        </div>
                    </div>
                    <button class="btn btn-primary btn-sm" type="submit">UPDATE</button>
                </form>
            </div>
        </div>
    </div>
</div>
</div>

@endsection

@section('extra-script')
<script>
    $("#parentId").change(function (){     
        var tmp = $(this).val();
        if ($(this).val() != '') {
            $('#lbl_category').text('Sub Category Name');     
        }else{
            $('#lbl_category').text('Main Category Name');
        }
        
    });
</script>
@endsection