@extends('layouts.admin')

@section('title', 'Edit Category')
@section('content-header', 'Edit Category')

@section('content')

    <div class="card">
        <div class="card-body">
            <form action="{{ route('categories.update', $category) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label for="branch">Branch</label>
                    <select name="branch" class="form-control @error('branch') is-invalid @enderror" id="branch" readonly>
                        <option value="ALL">ALL BRANCH</option>
                        @foreach ($branch_access as $key => $value)
                            @if (old('branch', $category->BID) == $value)
                                <option value="{{ $value }}" selected>{{ $value }}</option>
                            @endif
                        @endforeach
                    </select>
                    @error('branch')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="department">Department</label>
                    <select name="department" class="form-control @error('department') is-invalid @enderror" id="department">
                        <option>-SELECT-</option>
                        <option value="0">ALL BRANCH</option>
                        @foreach ($departments as $key => $value)
                            @if (old('category', $category->department_id) == $key)
                                <option value="{{ $key }}" selected>{{ $value }}</option>
                            @else
                                <option value="{{ $key }}">{{ $value }}</option>
                            @endif
                        @endforeach
                    </select>
                    @error('department')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="category_name">Category Name</label>
                    <input type="text" name="category_name" class="form-control @error('category_name') is-invalid @enderror" id="category_name" placeholder="Category Name" value="{{ old('category_name', $category->category_name) }}">
                    @error('category_name')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="description">Description</label>
                    <textarea name="description" class="form-control @error('description') is-invalid @enderror" id="description" placeholder="description">{{ old('description', $category->description) }}</textarea>
                    @error('description')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="status">Status</label>
                    <select name="status" class="form-control @error('status') is-invalid @enderror" id="status">
                        <option value="1" {{ old('status', $category->status) === 1 ? 'selected' : ''}}>Active</option>
                        <option value="0" {{ old('status', $category->status) === 0 ? 'selected' : ''}}>Inactive</option>
                    </select>
                    @error('status')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>

                <button class="btn btn-primary" type="submit">Update</button>
            </form>
        </div>
    </div>

@endsection

@section('js')
    <script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            bsCustomFileInput.init();
        });
    </script>
@endsection