@extends('layout.app')

@section('content')
    <style>
        .job-form-section {
            background: #fff;
            padding: 40px 20px;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }

        .job-form-section h2 {
            color: #3e94e7;
            margin-bottom: 30px;
        }

        .form-label {
            font-weight: 500;
        }

        .btn-primary {
            background-color: #3e94e7;
            border-color: #3e94e7;
        }
    </style>

    <section class="friend-request-sec py-5" style="background: #f7f9fc;">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">

                    <div class="job-form-section">
                        <h2 class="text-center">Edit Training Listing Form</h2>

                        @if ($errors->any())
                            @foreach ($errors->all() as $error)
                                <label class="text-danger">{{ $error }}</label>
                            @endforeach
                        @endif

                        <form id="marketPlaceTrainingStore" method="POST" action="{{ route('training.update',$training->id) }}"
                              enctype="multipart/form-data">
                            @csrf

                            <div class="mb-3">
                                <label class="form-label">Advertiser Name</label>
                                <input type="text" name="advertiser_name" class="form-control"
                                       value="{{ $training->advertiser_name ?? '' }}" placeholder="Enter name" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Company Name</label>
                                <input type="text" name="company_name" class="form-control"
                                       value="{{ $training->company_name ?? '' }}" placeholder="Company name" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Company Website</label>
                                <input type="url" name="company_website" value="{{ $training->company_website ?? '' }}"
                                       placeholder="Company website" class="form-control">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Company Type</label>
                                <select name="company_type" class="form-select">
                                    <option value="" disabled selected>Select</option>
                                    <option
                                        value="individual" {{ $training->company_type == 'individual' ? 'selected' : '' }}>
                                        Individual Trainer
                                    </option>
                                    <option
                                        value="organization" {{ $training->company_type == 'organization' ? 'selected' : '' }}>
                                        Training Organization
                                    </option>
                                    <option value="other" {{ $training->company_type == 'other' ? 'selected' : '' }}>Other
                                    </option>
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Company Address <small>(optional)</small></label>
                                <input type="text" name="company_address" placeholder="Company Address"
                                       class="form-control" value="{{$training->company_address ?? '' }}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Is this a Small Business?</label><br>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="is_small_business" value="yes"
                                        {{$training->is_small_business == 'yes' ? 'checked' : '' }}>
                                    <label class="form-check-label">Yes</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="is_small_business" value="no"
                                        {{$training->is_small_business== 'no' ? 'checked' : '' }}>
                                    <label class="form-check-label">No</label>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Advertiser Phone</label>
                                <input type="tel" name="advertiser_phone" class="form-control"
                                       placeholder="Advertiser Phone" value="{{ $training->advertiser_phone ?? '' }}"
                                       required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Advertiser Email</label>
                                <input type="email" name="advertiser_email" class="form-control"
                                       placeholder="Advertiser Email" value="{{ $training->advertiser_email ?? '' }}"
                                       required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Confirm Email</label>
                                <input type="email" name="confirm_email" class="form-control"
                                       placeholder="Confirm Email" value="{{  $training->advertiser_email ?? ''  }}"
                                       required>
                            </div>

                            {{--                            <div class="mb-3">--}}
                            {{--                                <label class="form-label">Contact Person Details</label>--}}
                            {{--                                <input type="text" name="contact_person" class="form-control" placeholder="Phone and Email">--}}
                            {{--                            </div>--}}

                            <div class="mb-3">
                                <label class="form-label">Industry Type</label>
                                <select name="industry_type" class="form-select" required>
                                    <option value="" selected disabled>Select</option>
                                    <option
                                        value="accounting" {{ $training->industry_type == 'accounting' ? 'selected' : '' }}>
                                        Accounting
                                    </option>
                                    <option
                                        value="financial" {{$training->industry_type == 'financial' ? 'selected' : '' }}>
                                        Financial
                                    </option>
                                    <option
                                        value="manufacturing" {{ $training->industry_type == 'manufacturing' ? 'selected' : '' }}>
                                        Manufacturing
                                    </option>
                                    <option value="other" {{ $training->industry_type == 'other' ? 'selected' : '' }}>
                                        Other
                                    </option>
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Type</label>
                                <select name="training_type" class="form-select" required>
                                    <option value="" selected disabled>Select</option>
                                    <option
                                        value="Business Analysis" {{$training->training_type == 'Business Analysis' ? 'selected' : '' }}>
                                        Business Analysis
                                    </option>
                                    <option
                                        value="Business Process" {{ $training->training_type == 'Business Process' ? 'selected' : '' }}>
                                        Business Process
                                    </option>
                                    <option value="Coding" {{$training->training_type == 'Coding' ? 'selected' : '' }}>
                                        Coding
                                    </option>
                                    <option value="Testing" {{ $training->training_type == 'Testing' ? 'selected' : '' }}>
                                        Testing
                                    </option>
                                    <option value="Dev Ops" {{ $training->training_type == 'Dev Ops' ? 'selected' : '' }}>
                                        Dev Ops
                                    </option>
                                    <option
                                        value="IT Support" {{ $training->training_type == 'IT Support' ? 'selected' : '' }}>
                                        IT Support
                                    </option>
                                    <option value="Other" {{ $training->training_type == 'Other' ? 'selected' : '' }}>
                                        Other
                                    </option>
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Format</label>
                                <select name="training_format" class="form-select">
                                    <option
                                        value="in-person" {{  $training->training_format  == 'in-person' ? 'selected' : '' }}>
                                        In-person
                                    </option>
                                    <option
                                        value="online" {{  $training->training_format  == 'online' ? 'selected' : '' }}>
                                        Online
                                    </option>
                                    <option
                                        value="hybrid" {{  $training->training_format  == 'hybrid' ? 'selected' : '' }}>
                                        Hybrid
                                    </option>
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Location</label>
                                <input type="text" name="training_location" class="form-control"
                                       value="{{$training->training_location ?? ''}}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Select Coding Languages</label>

                                <div class="dropdown">
                                    <button class="btn btn-outline-primary dropdown-toggle w-100 text-start"
                                            type="button"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                        Choose Languages
                                    </button>
                                    <ul class="dropdown-menu p-3"
                                        style="width: 100%; max-height: 250px; overflow-y: auto;">

                                        <!-- Programming Languages -->
                                        @php $i = 1; @endphp

                                        @foreach([
                                            'Python', 'JavaScript', 'Java', 'C#', 'C++', 'PHP', 'Ruby', 'Go', 'Swift',
                                            'Kotlin', 'TypeScript', 'Rust', 'Dart', 'Scala', 'Perl', 'R', 'Shell',
                                            'Objective-C', 'Haskell', 'Lua', 'Elixir', 'Assembly', 'SQL', 'MATLAB',
                                            'VB.NET', 'COBOL', 'Fortran'
                                        ] as $language)
                                            <li>
                                                <div class="form-check">
                                                    <input class="form-check-input tag-checkbox" name="languages[]"
                                                           type="checkbox"
                                                           id="tag{{ $i }}" value="{{ $language }}"
                                                        {{ in_array($language, is_array($training->languages) ? $training->languages : explode(',',$training->languages)) ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                           for="tag{{ $i }}">{{ $language }}</label>
                                                </div>
                                            </li>
                                            @php $i++; @endphp
                                        @endforeach

                                    </ul>
                                </div>

                                <small class="text-muted">You can select multiple</small>
                            </div>


                            <div class="mb-3">
                                <label class="form-label">Hardware Requirements</label>
                                <select name="hardware_requirements" class="form-control">
                                    <option value="PC"
                                            {{ $training->hardware_requirements == 'PC' ? 'selected' : '' }} selected>PC
                                    </option>
                                    <option value="Mac" {{ $training->hardware_requirements == 'Mac' ? 'selected' : '' }}>
                                        Mac
                                    </option>
                                    <option
                                        value="Cell Phone" {{ $training->hardware_requirements == 'Cell Phone' ? 'selected' : '' }}>
                                        Cell Phone
                                    </option>
                                    <option
                                        value="Other" {{ $training->hardware_requirements == 'Other' ? 'selected' : '' }}>
                                        Other
                                    </option>
                                </select>
                            </div>


                            <div class="mb-3">
                                <label class="form-label">Software Requirements</label>
                                <input type="text" name="software_requirements" class="form-control" value="{{$training->software_requirements ?? ''}}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Pre-requisites</label>
                                <input type="text" name="training_prereqs" class="form-control"
                                       value="{{ $training->training_prereqs  ?? '' }}"
                                       placeholder="Training Pre-requisites" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Periodicity</label>
                                <select name="training_periodicity" class="form-select">
                                    <option
                                        value="One Time" {{  $training->training_periodicity == 'One Time' ? 'selected' : '' }}>
                                        One Time
                                    </option>
                                    <option
                                        value="Daily" {{  $training->training_periodicity == 'Daily' ? 'selected' : '' }}>
                                        Daily
                                    </option>
                                    <option
                                        value="Weekly" {{  $training->training_periodicity == 'Weekly' ? 'selected' : '' }}>
                                        Weekly
                                    </option>
                                    <option
                                        value="Fortnightly" {{  $training->training_periodicity == 'Fortnightly' ? 'selected' : '' }}>
                                        Fortnightly
                                    </option>
                                    <option
                                        value="Monthly" {{  $training->training_periodicity == 'Monthly' ? 'selected' : '' }}>
                                        Monthly
                                    </option>
                                    <option
                                        value="Yearly" {{ $training->training_periodicity == 'Yearly' ? 'selected' : '' }}>
                                        Yearly
                                    </option>
                                </select>
                            </div>


                            <div class="mb-3">
                                <label class="form-label">Training Details</label>
                                <textarea name="training_details" class="form-control" placeholder="Training Details"
                                          rows="3">{{  $training->training_details ?? ''}}</textarea>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Start Date</label>
                                    <input type="date" name="start_date" value="{{ $training->start_date ?? ''}}"
                                           class="form-control">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">End Date</label>
                                    <input type="date" name="end_date" value="{{ $training->end_date ?? ''}}"
                                           class="form-control">
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Cost</label>
                                <input type="text" name="training_cost" value="{{$training->training_cost ?? ''  }}"
                                       class="form-control"
                                       placeholder="Training Cost">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Discounts</label>
                                <input type="text" name="training_discounts" value="{{ $training->training_discounts ?? ''  }}"
                                       class="form-control"
                                       placeholder="Training Discounts">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Training Attachments</label>
                                <!-- Existing Attachments -->
                                @if ($training->hasMedia('training_list_attachments'))
                                    <div class="existing-attachments mb-3">
                                        @foreach ($training->getMedia('training_list_attachments') as $media)
                                            <div class="attachment-item mb-2">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <span>{{ $media->file_name }}</span>
                                                    <a href="{{ $media->getUrl() }}" target="_blank" class="btn btn-link">View</a>
                                                    <a href="{{ route('training.removeAttachment', ['media_id' => $media->id]) }}" class="btn btn-danger btn-sm">Remove</a>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                            @endif

                            <!-- New Attachments -->
                                <input type="file" name="training_list_attachments[]" class="form-control" multiple>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Confirmation Message</label>
                                <textarea name="confirmation_message" class="form-control" rows="3"
                                          placeholder="Confirmation Message">{{ $training->confirmation_message }}</textarea>
                            </div>

                            <div class="text-center">
                                <button type="button" class="btn btn-primary px-4" onclick="showPaymentModal()">Update
                                    Training Form
                                </button>
                            </div>
                            <input type="hidden" name="card_number" id="cardNumber">
                            <input type="hidden" name="card_expiry" id="cardExpiry">
                            <input type="hidden" name="card_cvc" id="cardCVC">
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </section>


    <!-- Payment Modal -->
    <div class="modal fade" id="paymentModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Enter Payment Info</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">

                    <div class="mb-3">
                        <label class="form-label">Card Number</label>
                        <input type="number" class="form-control" id="modalCardNumber" placeholder="1234 5678 9012 3456" value="{{$training->card_number ?? ''}}"
                               required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Expiry (MM/YY)</label>
                        <input type="text" class="form-control" id="modalCardExpiry" placeholder="MM/YY" value="{{$training->card_expiry ?? ''}}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">CVC</label>
                        <input type="number" class="form-control" id="modalCardCVC" placeholder="CVC" value="{{$training->card_cvc ?? ''}}" required>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-success" onclick="submitWithPayment()">Confirm & Update
                    </button>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('script')
    <script>
        function showPaymentModal() {
            let myModal = new bootstrap.Modal(document.getElementById('paymentModal'));
            myModal.show();
        }

        function submitWithPayment() {
            // Simple validation
            let number = document.getElementById('modalCardNumber').value;
            let expiry = document.getElementById('modalCardExpiry').value;
            let cvc = document.getElementById('modalCardCVC').value;

            if (!number || !expiry || !cvc) {
                alert('Please fill in all card fields.');
                return;
            }

            // Set values in hidden fields
            document.getElementById('cardNumber').value = number;
            document.getElementById('cardExpiry').value = expiry;
            document.getElementById('cardCVC').value = cvc;

            // Submit the form
            document.getElementById('marketPlaceTrainingStore').submit();
        }
    </script>

@endpush