@extends('layouts.app')

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

@section('content')

<form method="POST" action="{{ route('projects.update',$project->id) }}">
    @csrf
    @method('PUT')

    <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" value="{{ old('project_code',$project->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',$project->project_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;">
                    @foreach(['Website','Admin Panel','Android App','iOS App','Web App','API','Custom Software'] as $type)
                        <option value="{{ $type }}" @selected(old('project_type',$project->project_type)==$type)>
                            {{ $type }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Project Category</label>
                <input type="text" name="project_category" value="{{ old('project_category',$project->project_category) }}" 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;">
                    @foreach(['draft','active','on_hold','completed','cancelled'] as $status)
                        <option value="{{ $status }}" @selected(old('status',$project->status)==$status)>
                            {{ ucwords(str_replace('_',' ',$status)) }}
                        </option>
                    @endforeach
                </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;">
                    @foreach(['SGD','INR','USD','AED'] as $currency)
                        <option value="{{ $currency }}" @selected(old('currency',$project->currency)==$currency)>
                            {{ $currency }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Project Cost</label>
                <input type="text" name="project_cost" value="{{ old('project_cost',$project->project_cost) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Advance Amount</label>
                <input type="number" step="0.01" name="advance_amount" value="{{ old('advance_amount',$project->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" value="{{ old('received_amount',$project->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" value="{{ old('pending_amount',$project->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;">
                    @foreach(['one_time','subscription','amc','support_contract'] as $type)
                        <option value="{{ $type }}" @selected(old('payment_type',$project->payment_type)==$type)>
                            {{ ucwords(str_replace('_',' ',$type)) }}
                        </option>
                    @endforeach
                </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" value="{{ old('subscription_amount',$project->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;">
                    @foreach(['monthly','quarterly','half_yearly','yearly'] as $cycle)
                        <option value="{{ $cycle }}" @selected(old('billing_cycle',$project->billing_cycle)==$cycle)>
                            {{ ucwords(str_replace('_',' ',$cycle)) }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Next Billing Date</label>
                <input type="date" name="next_billing_date" value="{{ old('next_billing_date',$project->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" value="{{ old('start_date',$project->start_date) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Expected Delivery</label>
                <input type="date" name="expected_delivery" value="{{ old('expected_delivery',$project->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" value="{{ old('actual_delivery_date',$project->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" value="{{ old('domain_name',$project->domain_name) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Domain Expiry Date</label>
                <input type="date" name="domain_expiry_date" value="{{ old('domain_expiry_date',$project->domain_expiry_date) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Hosting Provider</label>
                <input type="text" name="hosting_provider" value="{{ old('hosting_provider',$project->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" value="{{ old('hosting_expiry_date',$project->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" value="{{ old('ssl_expiry_date',$project->ssl_expiry_date) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>GitHub URL</label>
                <input type="text" name="github_url" value="{{ old('github_url',$project->github_url) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Staging URL</label>
                <input type="text" name="staging_url" value="{{ old('staging_url',$project->staging_url) }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Production URL</label>
                <input type="text" name="production_url" value="{{ old('production_url',$project->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',$project->scope) }}</textarea>
        </div>

        <div style="margin-bottom:15px;">
            <label>Remarks</label>
            <textarea name="remarks" rows="4" style="width:100%;padding:10px;border:1px solid #ccc;">{{ old('remarks',$project->remarks) }}</textarea>
        </div>

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

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

    </div>
</form>

@endsection