@extends('layouts.app')

@section('title','Create Project')
@section('page_title','Create Project')

@section('content')

<form method="POST" action="{{ route('projects.store') }}">
    @csrf

    @if(isset($lead))
    <input type="hidden"
           name="lead_id"
           value="{{ $lead->id }}">
@endif

    <div style="background:#fff;padding:24px;border-radius:8px;">

        <h3 style="font-size:18px;font-weight:bold;margin-bottom:15px;">Basic Project Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">

            <div>
                <label>Project Code</label>
                <input type="text" name="project_code" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Project Name *</label>
                <input type="text" name="project_name" required
                       value="{{ old('project_name', $lead->company_name ?? '') }}"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Project Type</label>
                <select name="project_type" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="">Select</option>
                    <option>Website</option>
                    <option>Admin Panel</option>
                    <option>Android App</option>
                    <option>iOS App</option>
                    <option>Web App</option>
                    <option>API</option>
                    <option>Custom Software</option>
                </select>
            </div>

            <div>
                <label>Project Category</label>
                <input type="text" name="project_category" placeholder="CRM, Booking, ERP, Website"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Status</label>
                <select name="status" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="active">Active</option>
                    <option value="draft">Draft</option>
                    <option value="on_hold">On Hold</option>
                    <option value="completed">Completed</option>
                    <option value="cancelled">Cancelled</option>
                </select>
            </div>

        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Financial Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">

            <div>
                <label>Currency</label>
                <select name="currency" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="SGD">SGD</option>
                    <option value="INR">INR</option>
                    <option value="USD">USD</option>
                    <option value="AED">AED</option>
                </select>
            </div>

            <div>
                <label>Project Cost</label>
                <input type="text" name="project_cost" placeholder="5000 SGD / ₹2,50,000 / To be finalized"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Advance Amount</label>
                <input type="number" step="0.01" name="advance_amount"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Received Amount</label>
                <input type="number" step="0.01" name="received_amount"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Pending Amount</label>
                <input type="number" step="0.01" name="pending_amount"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Payment Type</label>
                <select name="payment_type" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="one_time">One Time</option>
                    <option value="subscription">Subscription</option>
                    <option value="amc">AMC</option>
                    <option value="support_contract">Support Contract</option>
                </select>
            </div>

        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Subscription Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">

            <div>
                <label>Subscription Amount</label>
                <input type="number" step="0.01" name="subscription_amount"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Billing Cycle</label>
                <select name="billing_cycle" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="">Select</option>
                    <option value="monthly">Monthly</option>
                    <option value="quarterly">Quarterly</option>
                    <option value="half_yearly">Half Yearly</option>
                    <option value="yearly">Yearly</option>
                </select>
            </div>

            <div>
                <label>Next Billing Date</label>
                <input type="date" name="next_billing_date"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Timeline</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">

            <div>
                <label>Start Date</label>
                <input type="date" name="start_date" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Expected Delivery</label>
                <input type="date" name="expected_delivery" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Actual Delivery Date</label>
                <input type="date" name="actual_delivery_date" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Domain / Hosting / URLs</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">

            <div>
                <label>Domain Name</label>
                <input type="text" name="domain_name" placeholder="example.com"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Domain Expiry Date</label>
                <input type="date" name="domain_expiry_date"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Hosting Provider</label>
                <input type="text" name="hosting_provider"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Hosting Expiry Date</label>
                <input type="date" name="hosting_expiry_date"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>SSL Expiry Date</label>
                <input type="date" name="ssl_expiry_date"
                       style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>GitHub URL</label>
                <input type="text" name="github_url" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Staging URL</label>
                <input type="text" name="staging_url" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Production URL</label>
                <input type="text" name="production_url" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Scope / Remarks</h3>

        <div style="margin-bottom:15px;">
            <label>Project Scope</label>
            <textarea name="scope" rows="6" style="width:100%;padding:10px;border:1px solid #ccc;">{{ old('scope', $lead->requirement ?? '') }}</textarea>
        </div>

        <div style="margin-bottom:15px;">
            <label>Remarks</label>
            <textarea name="remarks" rows="4" style="width:100%;padding:10px;border:1px solid #ccc;"></textarea>
        </div>

        <button type="submit" style="background:#16a34a;color:white;padding:10px 18px;border:0;border-radius:6px;">
            Create Project
        </button>

        <a href="{{ route('projects.index') }}" style="margin-left:10px;color:#2563eb;">
            Back
        </a>

    </div>

</form>

@endsection