@extends('layouts.admin_app')

@section('content')

    <div class="card">
        <div class="card-header">
            <h5 class="my-1 float-left">Create New Column</h5>
            <div class="btn-group btn-group-sm float-right" role="group">
                <a href="{{ route('dashboard_reports.index') }}" class="btn btn-primary" title="Back to Reports">
                    <span class="fas fa-arrow-left" aria-hidden="true"></span> Back
                </a>
            </div>
        </div>

        <div class="card-body">

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

            <form method="POST" action="{{ route('dashboard_reports.column.store') }}" accept-charset="UTF-8">
                @csrf

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="report_id">Report <span class="text-danger">*</span></label>
                            <select class="form-control" id="report_id" name="report_id" required>
                                <option value="">-- Select Report --</option>
                                @foreach ($reports as $report)
                                    <option value="{{ $report->id }}" {{ old('report_id') == $report->id ? 'selected' : '' }}>
                                        {{ $report->name }} (ID: {{ $report->id }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="column_name">Column Name <span class="text-danger">*</span></label>
                            <input class="form-control" name="column_name" type="text" id="column_name" value="{{ old('column_name') }}" required>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="column_code">Column Code</label>
                            <input class="form-control" name="column_code" type="text" id="column_code" value="{{ old('column_code') }}">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="order">Order</label>
                            <input class="form-control" name="order" type="number" id="order" value="{{ old('order', 0) }}">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="column_type">Column Type</label>
                            <input class="form-control" name="column_type" type="text" id="column_type" value="{{ old('column_type') }}">
                            <small class="form-text text-muted">E.g., text, date, number</small>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="form_filter_id">Form Filter ID</label>
                            <input class="form-control" name="form_filter_id" type="number" id="form_filter_id" value="{{ old('form_filter_id') }}">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="custom_labels">Custom Labels (JSON format)</label>
                            <textarea class="form-control" name="custom_labels" id="custom_labels" rows="3">{{ old('custom_labels') }}</textarea>
                        </div>
                    </div>
                </div>
            

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="filter_values">Filter Values (JSON Array - e.g., ["HDS", "ABC"])</label>
                            <textarea class="form-control" name="filter_values" id="filter_values" rows="3">{{ old('filter_values') }}</textarea>
                            <small class="form-text text-muted">Enter values as JSON array to filter selection counts. Leave empty to show all values.</small>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_reason" id="is_reason" value="1" {{ old('is_reason') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_reason">
                                Is Reason
                            </label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_summary_reason" id="is_summary_reason" value="1" {{ old('is_summary_reason') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_summary_reason">
                                Is Summary Reason
                            </label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="count_selection" id="count_selection" value="1" {{ old('count_selection') ? 'checked' : '' }}>
                            <label class="form-check-label" for="count_selection">
                                Count Selection
                            </label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_hide" id="is_hide" value="1" {{ old('is_hide') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_hide">
                                Is Hidden
                            </label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_backend_form" id="is_backend_form" value="1" {{ old('is_backend_form') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_backend_form">
                                Is Backend Form
                            </label>
                        </div>
                    </div>
                </div>

                <div class="form-group mt-3">
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-save"></i> Create Column
                    </button>
                    <a href="{{ route('dashboard_reports.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i> Cancel
                    </a>
                </div>

            </form>

        </div>
    </div>

@endsection