@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{ $tender->exists ? 'Edit Tender' : 'Add Tender' }}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('tenders.index') }}">Tender Master</a></li>
                    <li class="breadcrumb-item active">{{ $tender->exists ? 'Edit' : 'Add' }}</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <div class="row">
        <div class="col-12">
            @php
                $winningStatus = $tender->tender_status_enum ?? $tender->tender_status;
            @endphp

            @if($tender->exists)
                <div class="d-flex justify-content-end gap-2 mb-3">
                    @if($tender->project)
                        <a href="{{ route('projects.edit', $tender->project) }}" class="btn btn-outline-success">
                            <i data-feather="check-circle" class="me-1"></i>
                            Project Created
                        </a>
                    @elseif($winningStatus === 'Won')
                        <a href="{{ route('projects.create', ['tender_id' => $tender->id]) }}" class="btn btn-outline-primary">
                            <i data-feather="arrow-right-circle" class="me-1"></i>
                            Create Project from Tender
                        </a>
                    @endif
                </div>
            @endif

            <form method="POST" action="{{ $formAction }}">
                @csrf
                @if($method === 'put')
                    @method('PUT')
                @endif
                <div class="card">
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-lg-6">
                                <label class="form-label" for="tender_number">NIT Number</label>
                                <input type="text" name="tender_number" id="tender_number" class="form-control" required
                                       value="{{ old('tender_number', $tender->tender_number) }}">
                                @error('tender_number')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-lg-6">
                                <label class="form-label" for="tender_code">Tender Code</label>
                                <input type="text" name="tender_code" id="tender_code" class="form-control"
                                       value="{{ old('tender_code', $tender->tender_code) }}">
                                @error('tender_code')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-lg-6">
                                <label class="form-label" for="customer_id">Customer</label>
                                <select name="customer_id" id="customer_id" class="form-control select2" required>
                                    <option value="">Select Customer</option>
                                    @foreach($customers as $customer)
                                        <option value="{{ $customer->id }}" @selected(old('customer_id', $tender->customer_id) == $customer->id)>{{ $customer->display_name }}</option>
                                    @endforeach
                                </select>
                                @error('customer_id')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-lg-6">
                                <label class="form-label" for="authority_name">Authority</label>
                                <input type="text" name="authority_name" id="authority_name" class="form-control"
                                       value="{{ old('authority_name', $tender->authority_name) }}">
                            </div>
                            <div class="col-12">
                                <label class="form-label" for="name_of_work">Name of Work</label>
                                <textarea name="name_of_work" id="name_of_work" class="form-control" rows="3">{{ old('name_of_work', $tender->name_of_work) }}</textarea>
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="submission_deadline_at">Submission Deadline</label>
                                <input type="datetime-local" name="submission_deadline_at" id="submission_deadline_at" class="form-control"
                                       value="{{ old('submission_deadline_at', optional($tender->submission_deadline_at)->format('Y-m-d\TH:i')) }}">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="tender_status">Tender Status</label>
                                <select name="tender_status" id="tender_status" class="form-control select2">
                                    <option value="">Select status</option>
                                    @foreach($statusOptions as $key => $label)
                                        <option value="{{ $key }}" @selected(old('tender_status', $tender->tender_status) == $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="stage_status">Stage</label>
                                <select name="stage_status" id="stage_status" class="form-control select2">
                                    <option value="">Select stage</option>
                                    <option value="pre-award" @selected(old('stage_status', $tender->stage_status) == 'pre-award')>Pre-Award</option>
                                    <option value="awarded" @selected(old('stage_status', $tender->stage_status) == 'awarded')>Awarded</option>
                                    <option value="project" @selected(old('stage_status', $tender->stage_status) == 'project')>Project</option>
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="emd_status">EMD Status</label>
                                <input type="text" name="emd_status" id="emd_status" class="form-control"
                                       value="{{ old('emd_status', $tender->emd_status) }}">
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label" for="cost_of_tender">Tender Cost</label>
                                <input type="number" step="0.01" name="cost_of_tender" id="cost_of_tender" class="form-control"
                                       value="{{ old('cost_of_tender', $tender->cost_of_tender) }}">
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label" for="processing_fee">Processing Fee</label>
                                <input type="number" step="0.01" name="processing_fee" id="processing_fee" class="form-control"
                                       value="{{ old('processing_fee', $tender->processing_fee) }}">
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label" for="emd_amount">EMD Amount</label>
                                <input type="number" step="0.01" name="emd_amount" id="emd_amount" class="form-control"
                                       value="{{ old('emd_amount', $tender->emd_amount) }}">
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label" for="emd_returned">EMD Returned</label>
                                <input type="text" name="emd_returned" value="{{ old('emd_returned', $tender->emd_returned) }}" class="form-control">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="bank_charges">Bank Charges</label>
                                <input type="number" step="0.01" name="bank_charges" class="form-control" value="{{ old('bank_charges', $tender->bank_charges) }}">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="documentation_charges">Documentation Charges</label>
                                <input type="number" step="0.01" name="documentation_charges" class="form-control" value="{{ old('documentation_charges', $tender->documentation_charges) }}">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="misc_charges">Misc Charges</label>
                                <input type="number" step="0.01" name="misc_charges" class="form-control" value="{{ old('misc_charges', $tender->misc_charges) }}">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="total_tender_value">Total Tender Value</label>
                                <input type="number" step="0.01" name="total_tender_value" class="form-control" value="{{ old('total_tender_value', $tender->total_tender_value) }}">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="emd_mode">EMD Mode</label>
                                <input type="text" name="emd_mode" value="{{ old('emd_mode', $tender->emd_mode) }}" class="form-control">
                            </div>
                            <div class="col-lg-4">
                                <label class="form-label" for="remarks">Remarks</label>
                                <input type="text" name="remarks" value="{{ old('remarks', $tender->remarks) }}" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-end gap-2 mt-3">
                    <a href="{{ route('tenders.index') }}" class="btn btn-outline-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Save Tender</button>
                </div>
            </form>
        </div>
    </div>

    @if($tender->exists)
        <div class="row mt-3">
            <div class="col-12">
                <div class="card border-0 shadow-sm pm-card">
                    <div class="card-header bg-white border-0">
                        <div class="pm-section-title">Tender Documents</div>
                        <div class="pm-section-sub">Attach supporting files for audit and reference.</div>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('tenders.documents.store', $tender) }}" method="POST"
                              enctype="multipart/form-data" class="row g-3">
                            @csrf
                            <div class="col-lg-3">
                                <label class="form-label">Document Type</label>
                                <select name="document_type" class="form-control select2" required>
                                    <option value="">Select type</option>
                                    @foreach($documentTypes ?? [] as $type)
                                        <option value="{{ $type }}" @selected(old('document_type') === $type)>{{ $type }}</option>
                                    @endforeach
                                </select>
                                @error('document_type')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label">Document Name</label>
                                <input type="text" name="document_name" class="form-control" value="{{ old('document_name') }}">
                                @error('document_name')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label">File</label>
                                <input type="file" name="document_file" class="form-control" required>
                                @error('document_file')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label">Remarks</label>
                                <input type="text" name="remarks" class="form-control" value="{{ old('remarks') }}">
                                @error('remarks')<span class="text-danger">{{ $message }}</span>@enderror
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-outline-primary">
                                    <i data-feather="upload" class="me-1"></i>
                                    Upload Document
                                </button>
                            </div>
                        </form>

                        <div class="table-responsive mt-4">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Document</th>
                                        <th>Type</th>
                                        <th>Uploaded At</th>
                                        <th>Remarks</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($tender->documents as $document)
                                        <tr>
                                            <td>
                                                {{ $document->document_name }}
                                                <br>
                                                <small class="text-muted">{{ $document->file_path }}</small>
                                            </td>
                                            <td>{{ $document->document_type }}</td>
                                            <td>{{ optional($document->uploaded_at)->format('Y-m-d H:i') ?? '-' }}</td>
                                            <td>{{ $document->remarks ?? '-' }}</td>
                                            <td class="text-end">
                                                <a href="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($document->file_path) }}"
                                                   class="btn btn-sm btn-outline-secondary me-1" target="_blank">
                                                    Download
                                                </a>
                                                <form action="{{ route('tenders.documents.destroy', [$tender, $document]) }}"
                                                      method="POST" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-outline-danger"
                                                            onclick="return confirm('Delete document?')">
                                                        Delete
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted">No documents uploaded yet.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

@endsection

@push('footer-script')
    <script>
        feather.replace();
        if (window.jQuery && window.jQuery.fn?.select2) {
            window.jQuery('.select2').select2({ width: '100%' });
        }
    </script>
@endpush