@extends('layouts.contentNavbarLayout')

@section('content')
<div class="container mt-4">
    <form action="{{ route('company-planners.store') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label class="form-label">Planner Type:</label>
            <select name="planner_type" class="form-control" required>
                <option value="month">Month</option>
                <option value="year">Year</option>
                <option value="week">Week</option>
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label">Plan Period:</label>
            <input type="text" name="plan_period" class="form-control" placeholder="e.g. Jan" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Target Amount:</label>
            <input type="number" step="0.01" name="target_amount" class="form-control">
        </div>

        <div class="mb-3">
            <label class="form-label">Industries:</label>
            <div class="row">
                @foreach($industries as $industry)
                    <div class="col-md-3">
                        <div class="form-check">
                            <input type="checkbox" name="industries[]" value="{{ $industry->id }}" class="form-check-input" id="industry_{{ $loop->index }}">
                            <label class="form-check-label" for="industry_{{ $loop->index }}">{{ $industry->page_name }}</label>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label">Solutions:</label>
            <div class="row">
                @foreach($solutions as $solution)
                    <div class="col-md-3">
                        <div class="form-check">
                            <input type="checkbox" name="solutions[]" value="{{ $solution->id }}" class="form-check-input" id="solutions_{{ $loop->index }}">
                            <label class="form-check-label" for="solutions_{{ $loop->index }}">{{ $solution->page_name }}</label>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label">Channel</label>
            <input type="text" name="channel" class="form-control" placeholder="Enter channel">
        </div>

        <div class="mb-4">
            <h5>Target Per Status:</h5>
            <div class="row">
                @foreach($statuses as $status)
                    <div class="col-md-3">
                        <label>{{ $status->name }}</label>
                        <input type="number" name="targets[{{ $status->id }}]" value="0" class="form-control">
                    </div>
                @endforeach
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Save Planner</button>
    </form>
</div>
@endsection