@extends('layouts.setup')

@section('header')
<div class="setup-header">
    <h1>Company Information</h1>
    <p>Tell us about your company</p>
    <span class="step-counter">Step 2 of 3</span>
</div>
@endsection

@section('progress')
<div class="progress-wrapper">
    <div class="progress-bar">
        <div class="progress" style="width: 66%"></div>
    </div>
    <div class="progress-steps">
        <span class="step-label completed">
            <span class="step-num">✓</span> Branding
        </span>
        <span class="step-label active">
            <span class="step-num">2</span> Company
        </span>
        <span class="step-label">
            <span class="step-num">3</span> Settings
        </span>
    </div>
</div>
@endsection

@section('content')
@php
    $tenantSlug = request()->segment(1);
@endphp

<form method="POST" action="{{ route('tenant.setup.company.save', ['tenant' => $tenantSlug]) }}">
    @csrf

    <div class="form-group">
        <label>Company Name <span class="required">*</span></label>
        <input type="text" name="company_name" value="{{ old('company_name', $settings['company_name'] ?? $tenant->name) }}" placeholder="Enter company name" required>
    </div>

    <div class="form-row">
        <div class="form-group">
            <label>Company Email <span class="required">*</span></label>
            <input type="email" name="company_email" value="{{ old('company_email', $settings['company_email'] ?? $tenant->email) }}" placeholder="company@email.com" required>
        </div>

        <div class="form-group">
            <label>Company Phone</label>
            <input type="text" name="company_phone" value="{{ old('company_phone', $settings['company_phone'] ?? $tenant->phone) }}" placeholder="+91 98765 43210">
        </div>
    </div>

    <div class="form-group">
        <label>Address</label>
        <textarea name="company_address" rows="2" placeholder="Enter company address">{{ old('company_address', $settings['company_address'] ?? $tenant->address_line_1) }}</textarea>
    </div>

    <div class="form-row-3">
        <div class="form-group">
            <label>City</label>
            <input type="text" name="company_city" value="{{ old('company_city', $settings['company_city'] ?? $tenant->city) }}" placeholder="City">
        </div>

        <div class="form-group">
            <label>State</label>
            <input type="text" name="company_state" value="{{ old('company_state', $settings['company_state'] ?? $tenant->state) }}" placeholder="State">
        </div>

        <div class="form-group">
            <label>Postal Code</label>
            <input type="text" name="company_postal_code" value="{{ old('company_postal_code', $settings['company_postal_code'] ?? $tenant->postal_code) }}" placeholder="Postal Code">
        </div>
    </div>

    <div class="form-group">
        <label>Country</label>
        <input type="text" name="company_country" value="{{ old('company_country', $settings['company_country'] ?? $tenant->country) }}" placeholder="Country">
    </div>

    <div class="form-row">
        <div class="form-group">
            <label>GST Number</label>
            <input type="text" name="gst_number" value="{{ old('gst_number', $settings['gst_number'] ?? $tenant->gst_number) }}" placeholder="GSTIN">
            <span class="help-text">Goods and Services Tax Identification Number</span>
        </div>

        <div class="form-group">
            <label>PAN Number</label>
            <input type="text" name="pan_number" value="{{ old('pan_number', $settings['pan_number'] ?? '') }}" placeholder="PAN Number">
            <span class="help-text">Permanent Account Number</span>
        </div>
    </div>

    <div class="form-actions">
        <a href="{{ route('tenant.setup.branding', ['tenant' => $tenantSlug]) }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left" style="margin-right:8px;"></i> Back
        </a>
        <button type="submit" class="btn btn-primary">
            Next Step <i class="fas fa-arrow-right" style="margin-left:8px;"></i>
        </button>
    </div>
</form>
@endsection