@extends('admin.layout.master')

@section('title', 'Terms Group')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h4 class="card-title mb-0">
                            {{ isset($groupTerm) ? 'Edit' : 'Create' }} Terms Group
                        </h4>
                        <a href="{{ route('inventory.group_terms.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fa fa-arrow-left"></i> Back
                        </a>
                    </div>

                    <div class="card-body">

                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        @if (session('success'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                {{ session('success') }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endif

                        @if (isset($groupTerm))
                            <form action="{{ route('inventory.group_terms.update', $groupTerm) }}" method="POST">
                                @method('PUT')
                            @else
                                <form action="{{ route('inventory.group_terms.store') }}" method="POST">
                        @endif
                        @csrf

                        {{-- Title --}}
                        <div class="form-group">
                            <label for="title">Title <span class="text-danger">*</span></label>
                            <input type="text" name="title" id="title"
                                class="form-control @error('title') is-invalid @enderror"
                                value="{{ old('title', $groupTerm->title ?? '') }}" placeholder="Enter title"
                                maxlength="255" required>
                            @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="is_common">Is Common</label>
                            <div class="custom-control custom-switch">
                                <input type="hidden" name="is_common" value="0">
                                <input type="checkbox" class="custom-control-input" id="is_common" name="is_common"
                                    value="1" {{ old('status', $groupTerm->is_common ?? false) ? 'checked' : '' }}>
                                <label class="custom-control-label" for="is_common">Active</label>
                            </div>
                        </div>

                        {{-- Warehouses --}}
                        <div class="form-group" id="warehouse_ids_div">
                            <label for="warehouse_ids">Warehouses <span class="text-danger">*</span></label>
                            <select name="warehouse_ids[]" id="warehouse_ids"
                                class="form-control select_2 @error('warehouse_ids') is-invalid @enderror" multiple>
                                @foreach ($warehouses as $warehouse)
                                    <option value="{{ $warehouse->id }}"
                                        {{ collect(old('warehouse_ids', $groupTerm->warehouse_ids ?? []))->contains((int) $warehouse->id) ? 'selected' : '' }}>
                                        {{ $warehouse->name_eng }}
                                    </option>
                                @endforeach
                            </select>
                            @error('warehouse_ids')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        {{-- Status --}}
                        <div class="form-group">
                            <label for="status">Status</label>
                            <div class="custom-control custom-switch">
                                <input type="hidden" name="status" value="0">
                                <input type="checkbox" class="custom-control-input" id="status" name="status"
                                    value="1" {{ old('status', $groupTerm->status ?? true) ? 'checked' : '' }}>
                                <label class="custom-control-label" for="status">Active</label>
                            </div>
                        </div>

                        <div class="form-group mt-4">
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="fa fa-save"></i>
                                {{ isset($groupTerm) ? 'Update' : 'Save' }}
                            </button>
                            <a href="{{ route('inventory.group_terms.index') }}" class="btn btn-light btn-sm ml-2">
                                Cancel
                            </a>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script1')
    <script>
        $(document).ready(function() {
            // $('#warehouse_ids').select2({
            //     placeholder: 'Select warehouses',
            //     allowClear: true,
            // });

            $('#is_common').on('change', toggleWarehouseIds);
            toggleWarehouseIds();
        });

        function toggleWarehouseIds() {
            if ($('#is_common').is(':checked')) {
                $('#warehouse_ids').prop('disabled', true);
                $('#warehouse_ids_div').hide();
            } else {
                $('#warehouse_ids').prop('disabled', false);
                $('#warehouse_ids_div').show();
            }
        }
    </script>
@endsection