@extends('admin.layouts.app')
@section('title', isset($company) ? 'Edit CSR Company' : 'Add CSR Company')
@section('breadcrumb')
    <span>/</span> <a href="{{ route('admin.csr.companies.index') }}" style="color:inherit;text-decoration:none;">CSR Companies</a>
    <span>/</span> {{ isset($company) ? 'Edit' : 'Add' }}
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1>{{ isset($company) ? 'Edit CSR Company' : 'Register CSR Company' }}</h1>
        <p class="page-subtitle">{{ isset($company) ? 'Update company details' : 'Register a new CSR partner company' }}</p>
    </div>
    <a href="{{ route('admin.csr.companies.index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-2"></i>Back
    </a>
</div>

<form method="POST"
    action="{{ isset($company) ? route('admin.csr.companies.update',$company) : route('admin.csr.companies.store') }}"
    enctype="multipart/form-data" id="companyForm">
    @csrf
    @if(isset($company)) @method('PUT') @endif

    <div class="row g-4">
        <div class="col-lg-8">
            <!-- Company Info -->
            <div class="card mb-4">
                <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-building text-primary me-2"></i>Company Information</h6></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label">Company Name <span class="text-danger">*</span></label>
                            <input type="text" name="company_name" class="form-control @error('company_name') is-invalid @enderror"
                                placeholder="Full legal company name"
                                value="{{ old('company_name',$company->company_name??'') }}" required>
                            @error('company_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Company Type</label>
                            <select name="company_type" class="form-select">
                                <option value="">Select Type</option>
                                @foreach(['Public Limited','Private Limited','LLP','Partnership','NGO','Trust','Society','Other'] as $type)
                                <option value="{{ $type }}" {{ old('company_type',$company->company_type??'')===$type?'selected':'' }}>{{ $type }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Registration Number</label>
                            <input type="text" name="registration_number" class="form-control"
                                placeholder="CIN/Registration No."
                                value="{{ old('registration_number',$company->registration_number??'') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Website URL</label>
                            <input type="url" name="website_url" class="form-control @error('website_url') is-invalid @enderror"
                                placeholder="https://www.company.com"
                                value="{{ old('website_url',$company->website_url??'') }}">
                            @error('website_url') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label">Address</label>
                            <textarea name="address" class="form-control" rows="2"
                                placeholder="Company registered address">{{ old('address',$company->address??'') }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Contact Info -->
            <div class="card mb-4">
                <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-user-tie text-info me-2"></i>Contact Person</h6></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Contact Person Name</label>
                            <input type="text" name="contact_person_name" class="form-control"
                                placeholder="Full name"
                                value="{{ old('contact_person_name',$company->contact_person_name??'') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Position / Designation</label>
                            <input type="text" name="contact_position" class="form-control"
                                placeholder="e.g. CSR Head"
                                value="{{ old('contact_position',$company->contact_position??'') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email</label>
                            <input type="email" name="contact_email" class="form-control"
                                placeholder="contact@company.com"
                                value="{{ old('contact_email',$company->contact_email??'') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Phone Number</label>
                            <input type="text" name="contact_phone" class="form-control"
                                placeholder="+91 XXXXX XXXXX"
                                value="{{ old('contact_phone',$company->contact_phone??'') }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- CSR Details -->
            <div class="card">
                <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-rupee-sign text-success me-2"></i>CSR Details</h6></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Annual CSR Budget (₹)</label>
                            <div class="input-group">
                                <span class="input-group-text">₹</span>
                                <input type="number" name="csr_budget" class="form-control" min="0" step="0.01"
                                    placeholder="0.00"
                                    value="{{ old('csr_budget',$company->csr_budget??'') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Upload CSR Report</label>
                            <input type="file" name="csr_report_file" class="form-control"
                                accept=".pdf,.jpg,.jpeg,.png">
                            @if(isset($company) && $company->csr_report_file)
                            <small class="text-success">
                                <i class="fas fa-file me-1"></i>Current: {{ $company->csr_report_file }}
                            </small>
                            @endif
                        </div>
                        <div class="col-12">
                            <label class="form-label">CSR Goals / Focus Areas</label>
                            <textarea name="csr_goals" class="form-control" rows="3"
                                placeholder="Describe the company's CSR objectives and focus areas...">{{ old('csr_goals',$company->csr_goals??'') }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Right Sidebar -->
        <div class="col-lg-4">
            <div class="card mb-3">
                <div class="card-body">
                    <label class="form-label">Status <span class="text-danger">*</span></label>
                    <select name="status" class="form-select mb-3">
                        <option value="active"   {{ old('status',$company->status??'active')==='active'?'selected':'' }}>Active</option>
                        <option value="inactive" {{ old('status',$company->status??'')==='inactive'?'selected':'' }}>Inactive</option>
                    </select>

                    <button type="submit" class="btn btn-primary w-100 mb-2" id="submitBtn">
                        <i class="fas fa-save me-2"></i>
                        {{ isset($company) ? 'Update Company' : 'Register Company' }}
                    </button>
                    <a href="{{ route('admin.csr.companies.index') }}" class="btn btn-outline-secondary w-100">Cancel</a>

                    @if(isset($company))
                    <hr>
                    <div class="text-muted" style="font-size:11px;">
                        <div><strong>Code:</strong> {{ $company->company_code }}</div>
                        <div><strong>Projects:</strong> {{ $company->projects()->count() }}</div>
                        <div><strong>Added:</strong> {{ $company->created_at->format('d M Y') }}</div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</form>
@endsection
@push('scripts')
<script>
document.getElementById('companyForm').addEventListener('submit',function(){
    const btn=document.getElementById('submitBtn');
    btn.disabled=true;
    btn.innerHTML='<span class="spinner-border spinner-border-sm me-2"></span>Saving...';
});
</script>
@endpush