@extends('layouts.app')

@section('styles')
    <link rel="stylesheet" href="{{ asset('plugins/src/flatpickr/flatpickr.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/src/noUiSlider/nouislider.min.css') }}">
    @vite(['resources/scss/light/plugins/flatpickr/custom-flatpickr.scss'])
    @vite(['resources/scss/dark/plugins/flatpickr/custom-flatpickr.scss'])
@endsection

@section('content')
    <div class="row layout-top-spacing">
        <div class="col-lg-12 mx-auto">
            <div class="card shadow-sm mb-4">
                <div class="card-header d-flex justify-content-between align-items-center bg-primary">
                    <h5 class="mb-0 text-white">
                        <i class="fas fa-gavel me-2 text-white"></i> New Case Entry
                    </h5>
                    <a href="{{ route('manage_case') }}" class="btn btn-light text-dark">
                        <i class="fas fa-arrow-left me-2"></i> Back
                    </a>
                </div>
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>Whoops! Something went wrong.</strong>
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="card-body">
                    <form class="row g-3" method="POST"
                        action="{{ isset($case) ? route('cases.update', $case->id) : route('cases.store') }}"
                        enctype="multipart/form-data">

                        @csrf
                        @if (isset($case))
                            @method('PUT')
                        @endif

                        <!-- Row 1 -->
                        <div class="col-md-6">
                            <label for="case_number" class="form-label">
                                <i class="fas fa-hashtag me-1"></i>Case Number
                            </label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="case_number" name="case_number" placeholder="Enter Case Number"
                                value="{{ old('case_number', $case->case_number ?? '') }}" required>
                            @error('case_number')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="client_name" class="form-label">
                                <i class="fas fa-user me-1"></i>Client Name
                            </label>
                            <select @if (!empty($viewOnly)) disabled @endif class="form-select" id="client_name"
                                name="client_id" required>
                                <option value="" disabled {{ !isset($case) ? 'selected' : '' }}>Select Client</option>
                                @foreach ($clients as $client)
                                    <option value="{{ $client->id }}"
                                        {{ old('client_id', $case->client_id ?? '') == $client->id ? 'selected' : '' }}>
                                        {{ $client->first_name }} {{ $client->last_name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('client_id')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <!-- Row 2 -->
                        <div class="col-md-6">
                            <label for="matter_no" class="form-label"><i class="fas fa-file-alt me-1"></i>Matter No</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="matter_no" name="matter_no" placeholder="Enter Matter No"
                                value="{{ old('matter_no', $case->matter_no ?? '') }}" required>
                        </div>

                        <div class="col-md-6">
                            <label for="policy_type" class="form-label"><i class="fas fa-briefcase me-1"></i>Type of
                                Policy</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="policy_type" name="policy_type" placeholder="Enter Type of Policy"
                                value="{{ old('policy_type', $case->policy_type ?? '') }}" required>
                        </div>

                        <!-- Row 3 -->
                        <div class="col-md-6">
                            <label for="policy_number" class="form-label"><i class="fas fa-id-card me-1"></i>Policy
                                Number</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="policy_number" name="policy_number" placeholder="Enter Policy Number"
                                value="{{ old('policy_number', $case->policy_number ?? '') }}" required>
                        </div>

                        <div class="col-md-6">
                            <label for="complainant" class="form-label"><i
                                    class="fas fa-user-tie me-1"></i>Complainant</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="complainant" name="complainant" placeholder="Enter Complainant Name"
                                value="{{ old('complainant', $case->complainant ?? '') }}" required>
                        </div>

                        <!-- Row 4 -->
                        <div class="col-md-6">
                            <label for="forum" class="form-label"><i class="fas fa-balance-scale me-1"></i>Forum</label>
                            <select @if (!empty($viewOnly)) disabled @endif class="form-select" id="forum"
                                name="category_id" required>
                                <option disabled {{ !isset($case) ? 'selected' : '' }}>Select Forum</option>
                                @foreach ($categories as $category)
                                    <option value="{{ $category->id }}"
                                        {{ old('category_id', $case->category_id ?? '') == $category->id ? 'selected' : '' }}>
                                        {{ $category->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-6 {{ isset($case) && $case->court_id ? '' : 'd-none' }}" id="courtWrapper">
                            <label for="court" class="form-label"><i class="fas fa-landmark me-1"></i>Select
                                Court</label>
                            <select @if (!empty($viewOnly)) disabled @endif class="form-select" id="court"
                                name="court_id">
                                <option disabled {{ !isset($case) ? 'selected' : '' }}>Select Court</option>
                                @if (isset($courts))
                                    @foreach ($courts as $court)
                                        <option value="{{ $court->id }}"
                                            {{ old('court_id', $case->court_id ?? '') == $court->id ? 'selected' : '' }}>
                                            {{ $court->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <!-- Row 5 -->
                        <div class="col-md-6">
                            <label for="filing_date" class="form-label"><i class="fas fa-calendar-alt me-1"></i>Date of
                                Filing</label>
                            <input @if (!empty($viewOnly)) disabled @endif id="filing_date"
                                class="form-control flatpickr" type="text" name="filing_date"
                                placeholder="Select Filing Date"
                                value="{{ old('filing_date', $case->filing_date ?? '') }}" required>
                        </div>

                        <div class="col-md-6">
                            <label for="contact_person" class="form-label"><i class="fas fa-user-check me-1"></i>Contact
                                Person</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="contact_person" name="contact_person" placeholder="Enter Contact Person"
                                value="{{ old('contact_person', $case->contact_person ?? '') }}" required>
                        </div>

                        <!-- Row 6 -->
                        <div class="col-md-6">
                            <label for="opposite_advocate" class="form-label"><i
                                    class="fas fa-user-secret me-1"></i>Opposite Advocate</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="opposite_advocate" name="opposite_advocate" placeholder="Enter Opposite Advocate"
                                value="{{ old('opposite_advocate', $case->opposite_advocate ?? '') }}" required>
                        </div>

                        <div class="col-md-6">
                            <label for="summons_date" class="form-label"><i
                                    class="fas fa-envelope-open-text me-1"></i>Summons Date</label>
                            <input @if (!empty($viewOnly)) disabled @endif id="summons_date"
                                class="form-control flatpickr" type="text" name="summons_date"
                                placeholder="Select Summons Date"
                                value="{{ old('summons_date', $case->summons_date ?? '') }}" required>
                        </div>

                        <!-- Row 7 -->
                        <div class="col-md-3">
                            <label for="claim_amount" class="form-label"><i class="fas fa-rupee-sign me-1"></i>Claim
                                Amount</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="number" class="form-control"
                                id="claim_amount" name="claim_amount" placeholder="Enter Claim Amount"
                                value="{{ old('claim_amount', $case->claim_amount ?? '') }}" required>
                        </div>

                        <div class="col-md-3">
                            <label for="interest_percent" class="form-label"><i
                                    class="fas fa-percentage me-1"></i>Interest (%)</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="number" class="form-control"
                                id="interest_percent" name="interest_percent" placeholder="Enter Interest %"
                                value="{{ old('interest_percent', $case->interest_percent ?? '') }}" required>
                        </div>

                        <div class="col-md-6">
                            <label for="stage" class="form-label"><i class="fas fa-tasks me-1"></i>Stage</label>
                            <select @if (!empty($viewOnly)) disabled @endif class="form-select" id="stage"
                                name="stage" required>
                                <option disabled {{ !isset($case) ? 'selected' : '' }}>Select Stage</option>
                                @foreach (['Completion of pleadings', 'Application/discovery', 'Evidence', 'Written submissions', 'Arguments', 'Reserved for orders'] as $stage)
                                    <option value="{{ $stage }}"
                                        {{ old('stage', $case->stage ?? '') == $stage ? 'selected' : '' }}>
                                        {{ $stage }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <!-- Row 8 -->
                        <div class="col-md-3">
                            <label for="last_hearing" class="form-label"><i class="fas fa-calendar-minus me-1"></i>Last
                                Hearing</label>
                            <input @if (!empty($viewOnly)) disabled @endif id="last_hearing"
                                class="form-control flatpickr" type="text" name="last_hearing"
                                placeholder="Select Last Hearing Date"
                                value="{{ old('last_hearing', $case->last_hearing ?? '') }}" required>
                        </div>

                        <div class="col-md-3">
                            <label for="next_hearing" class="form-label"><i class="fas fa-calendar-check me-1"></i>Next
                                Hearing</label>
                            <input @if (!empty($viewOnly)) disabled @endif id="next_hearing"
                                class="form-control flatpickr" type="text" name="next_hearing"
                                placeholder="Select Next Hearing Date"
                                value="{{ old('next_hearing', $case->next_hearing ?? '') }}" required>
                        </div>

                        <!-- Row 9 -->
                        <div class="col-12">
                            <label for="next_steps" class="form-label"><i class="fas fa-align-left me-1"></i>Next
                                Steps</label>
                            <textarea @if (!empty($viewOnly)) disabled @endif class="form-control" id="next_steps" name="next_steps"
                                rows="3" placeholder="Enter Next Steps" required>{{ old('next_steps', $case->next_steps ?? '') }}</textarea>
                        </div>

                        <div class="col-md-6">
                            <label for="client_deliverables" class="form-label"><i
                                    class="fas fa-user-tag me-1"></i>Client Deliverables</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="text" class="form-control"
                                id="client_deliverables" placeholder="Enter Client Deliverables"
                                name="client_deliverables"
                                value="{{ old('client_deliverables', $case->client_deliverables ?? '') }}" required>
                        </div>

                        <div class="col-md-3">
                            <label for="risk_rating" class="form-label"><i
                                    class="fas fa-exclamation-circle me-1"></i>Risk Rating</label>
                            <select @if (!empty($viewOnly)) disabled @endif class="form-select"
                                id="risk_rating" name="risk_rating" required>
                                <option disabled {{ !isset($case) ? 'selected' : '' }}>Select Risk</option>
                                @foreach (['Low', 'Medium', 'High'] as $risk)
                                    <option value="{{ $risk }}"
                                        {{ old('risk_rating', $case->risk_rating ?? '') == $risk ? 'selected' : '' }}>
                                        {{ $risk }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label for="pending_fees" class="form-label"><i
                                    class="fas fa-money-bill-wave me-1"></i>Pending Fees</label>
                            <input @if (!empty($viewOnly)) disabled @endif type="number" class="form-control"
                                id="pending_fees" name="pending_fees" placeholder="Enter Pending Fees"
                                value="{{ old('pending_fees', $case->pending_fees ?? '') }}" required>
                        </div>

                        <!-- Row 10 -->
                        {{-- <div class="col-md-6">
                            <label for="court_order_upload" class="form-label"><i
                                    class="fas fa-file-upload me-1"></i>Upload Court Order</label>
                            <div class="input-group">
                                <input type="file" class="form-control" id="court_order_upload"
                                    name="court_order_upload">
                                @if (isset($case) && $case->court_order_upload)
                                    <a href="{{ asset('storage/' . $case->court_order_upload) }}" target="_blank"
                                        class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-1"></i> View Previous
                                    </a>
                                @endif
                            </div>
                        </div> --}}
                        <div class="row g-3 align-items-center">
                            <div class="col-md-6">
                                <label for="court_order_upload" class="form-label">
                                    <i class="fas fa-file-upload me-1"></i>Upload Court Order
                                </label>
                                @if (isset($case) && $case->court_order_upload)
                                    <a href="{{ asset('storage/' . $case->court_order_upload) }}" target="_blank"
                                        class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-1"></i> View Previous
                                    </a>
                                @endif
                                <div class="input-group">
                                    <input @if (!empty($viewOnly)) disabled @endif type="file"
                                        class="form-control" id="court_order_upload" name="court_order_upload">

                                    {{-- Button hidden by default --}}
                                    <button id="viewCourtOrderBtn" class="btn btn-outline-primary d-none" type="button">
                                        <i class="fas fa-eye me-1"></i> View Previous Court Order Upload
                                    </button>
                                </div>
                                <small id="courtOrderFileName" class="text-muted d-none"></small>
                            </div>
                        </div>

                        <!-- Confirmation -->
                        <div class="col-12">
                            <div class="form-check">
                                <input @if (!empty($viewOnly)) disabled @endif class="form-check-input"
                                    type="checkbox" id="confirmation" required>
                                <label class="form-check-label" for="confirmation">
                                    I confirm that the above information is correct.
                                </label>
                            </div>
                        </div>

                        <!-- Buttons -->
                        <div class="col-12 d-flex justify-content-end gap-2">
                            <a href="{{ route('manage_case') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left me-2"></i>Back
                            </a>
                            <button @if (!empty($viewOnly)) disabled @endif type="submit"
                                class="btn btn-success">
                                <i class="fas fa-check-circle me-2"></i>{{ isset($case) ? 'Update Case' : 'Submit Case' }}
                            </button>
                        </div>

                    </form>


                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    {{-- Scripts Here --}}
    <script type="module" src="{{ asset('plugins/src/flatpickr/flatpickr.js') }}"></script>
    <script type="module" src="{{ asset('plugins/src/flatpickr/custom-flatpickr.js') }}"></script>


    <script>
        document.addEventListener("DOMContentLoaded", function() {
            flatpickr(".flatpickr", {
                dateFormat: "Y-m-d",
            });

        });

        document.getElementById('forum').addEventListener('change', function() {
            let categoryId = this.value;

            fetch(`/courts/${categoryId}`)
                .then(res => res.json())
                .then(data => {
                    let courtSelect = document.getElementById('court');
                    courtSelect.innerHTML = '<option disabled selected>Select Court</option>';

                    data.forEach(court => {
                        courtSelect.innerHTML += `<option value="${court.id}">${court.name}</option>`;
                    });
                    document.getElementById('courtWrapper').classList.remove('d-none');
                });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const clientSelect = document.getElementById('client_name'); // your client dropdown
            const viewBtn = document.getElementById('viewCourtOrderBtn');
            const fileNameText = document.getElementById('courtOrderFileName');

            // when client is selected
            clientSelect.addEventListener('change', function() {
                let clientId = this.value;

                if (!clientId) {
                    viewBtn.classList.add('d-none');
                    fileNameText.classList.add('d-none');
                    return;
                }

                // fetch last court order for this client
                fetch(`/cases/last-court-order/${clientId}`)
                    .then(res => res.json())
                    .then(data => {
                        if (data.success && data.file_url) {
                            // set button attributes
                            viewBtn.setAttribute('data-url', data.file_url);
                            viewBtn.classList.remove('d-none');

                            fileNameText.textContent = "Last Uploaded: " + data.file_name;
                            fileNameText.classList.remove('d-none');
                        } else {
                            viewBtn.classList.add('d-none');
                            fileNameText.classList.add('d-none');
                        }
                    })
                    .catch(err => {
                        console.error(err);
                        viewBtn.classList.add('d-none');
                        fileNameText.classList.add('d-none');
                    });
            });

            // handle button click
            viewBtn.addEventListener('click', function() {
                let url = this.getAttribute('data-url');
                if (url) {
                    window.open(url, '_blank');
                }
            });
        });
    </script>
@endsection