@extends('layouts.contentNavbarLayout')

@section('title', 'Send New Proposal')

@section('content')
<div class="container">
    <h2 class="mb-4">Send New Proposal</h2>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('proposals.store') }}" method="POST">
        @csrf
        <div class="mb-3">
            <label class="form-label">Title</label>
            <input type="text" name="title" class="form-control" value="{{ old('title') }}" required>
        </div>


        <div class="mb-3">
            <label class="form-label">Client</label>
            <select name="client_id" class="form-control" required>
                <option value="" disabled selected>Select Client</option>
                @foreach($clients as $client)
                    <option value="{{ $client->id }}" {{ old('client_id') == $client->id ? 'selected' : '' }}>
                        {{ $client->name }}
                    </option>
                @endforeach
            </select>
        </div>
<div class="mb-3">
            <label class="form-label">Project Type</label>
            <select name="project_type" class="form-control" required>
                <option value="" disabled selected>Select Project Type</option>
                @foreach($ptypes as $type)
                    <option value="{{ $type->id }}" {{ old('project_type') == $type->id ? 'selected' : '' }}>
                        {{ $type->category }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="mb-3">
            <label class="form-label">Industry</label>
            <select name="industry" class="form-control" required>
                <option value="" disabled selected>Select Industry</option>
                @foreach($industries as $industry)
                    <option value="{{ $industry->id }}" {{ old('industry_id') == $industry->id ? 'selected' : '' }}>
                        {{ $industry->page_name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="mb-3">
            <label class="form-label">Solutions</label>
            <select name="solution" class="form-control" required>
                <option value="" disabled selected>Select Solution</option>
                @foreach($solutions as $solution)
                    <option value="{{ $solution->id }}" {{ old('solution_id') == $solution->id ? 'selected' : '' }}>
                        {{ $solution->page_name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" class="form-control">{{ old('description') }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Amount ($)</label>
            <input type="number" name="amount" class="form-control" step="0.01" min="0" value="{{ old('amount') }}" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Sent Date</label>
            <input type="date" name="sent_date" class="form-control" value="{{ old('sent_date') }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Expiry Date</label>
            <input type="date" name="expiry_date" class="form-control" value="{{ old('expiry_date') }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Status</label>
            <select name="status" class="form-control">
                <option value="pending" {{ old('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="accepted" {{ old('status') == 'accepted' ? 'selected' : '' }}>Accepted</option>
                <option value="rejected" {{ old('status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label">Notes</label>
            <textarea name="notes" class="form-control">{{ old('notes') }}</textarea>
        </div>

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