
@extends("layouts.metor.admin")
@section("content")
@section("title","Update Departments")

<div class="row">
    <div class="col-xl-12 col-lg-12">
        <div class="alert alert-success my-3" style="display:none;" id="success"></div>
        
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4 class="card-title mb-0">Update Departments</h4>
                <a href="javascript:history.back()" class="btn btn-sm btn-light">
                    <i class="ri-arrow-left-line"></i> Back
                </a>
            </div>
            
            <div class="card-body">
                <form accept-charset="utf-8" name="update-form" id="update-form" >
                    @csrf
                    <div class="row">


<div class="col-lg-4">
    <div class="mb-3">
        <label class='form-label'>{{ $dbs_departments['name_req'];}}{{ $dbs_departments['name_title']; }}:</label>
        <input type = '{{$dbs_departments['name_html5_type'] }}' name = "name" id = "update-name" autocomplete = 'off' maxlength ='{{  $dbs_departments['name_max'] }}'  value='{{$row->name}}' @if($dbs_departments['name_html5_req']!='') {{ $dbs_departments['name_html5_req'] }} = {{$dbs_departments['name_html5_req']}} @endif class= 'form-control'  >
        <span class='text-danger' id='update-nameError'></span>
    </div>
</div>


<div class="col-lg-12">
    <div class="mb-3">
        <label class='form-label'>{{ $dbs_departments['description_req'];}}{{ $dbs_departments['description_title']; }}:</label>
        <textarea type = '{{$dbs_departments['description_html5_type'] }}' name = "description" id = "update-description" autocomplete = 'off' maxlength ='{{  $dbs_departments['description_max'] }}' @if($dbs_departments['description_html5_req']!='') {{ $dbs_departments['description_html5_req'] }} = {{$dbs_departments['description_html5_req']}} @endif class= 'form-control'   oninput='updateCharCount(this,"update-descriptioncharCount")'>{{$row->description}}</textarea>
        <span class='text-danger' id='update-descriptioncharCount'></span> 
        <span class='text-danger' id='update-descriptionError'></span>
    </div>
</div>

<div class="col-lg-4">
    <div class="mb-3">
        <label class='form-label'>{{ $dbs_departments['status_req'];}}{{ $dbs_departments['status_title']; }}:</label><br/>
        <div class="mt-2">
            @php
            $options = $dbs_departments['status_array'];
            @endphp

            @foreach ($options as $key => $value)
                @php
                $checked = ($key == $row->status) ? 'checked="checked"' : '';
                @endphp

                <label class="btn btn-outline-primary">
                    <input type="radio" name="status" value="{{ $key }}" id="update-status" {{ $checked }}/> {{ $value }}
                </label>
            @endforeach
        </div>
    </div>
</div>

    
                    </div>
                    

                    <div class="p-3 mb-3 rounded">
                        <div class="row justify-content-end g-2">
                            <div class="col-lg-3">
                                <div id="edit-mode">
                                    <button type='submit' name='update-submit' id='update-submit' class='btn btn-outline-secondary w-100' data-args1='{{ route("departments.update", $row->id) }}' data-args2='admin/departments' onclick='addUpdate(event,"update")'>
                                        <i class="ri-save-line"></i> Save 
                                    </button>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <a href="{{ route('departments.index') }}" class="btn btn-primary w-100">
                                    <i class="ri-close-circle-line"></i> Cancel
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

