@extends('layout')

@section('title', 'Dashboard')

@section('content')
    <!-- Row 1 -->
    <div class="row">
        <div class="col-lg-12 d-flex align-items-stretch">
            <div class="card w-100">
                <div class="card-body">
                    <div class="d-sm-flex d-block align-items-center justify-content-between mb-9">
                        <div class="mb-3 mb-sm-0">
                            <h5 class="card-title fw-semibold">
                                {{ isset($EAs->id) ? 'Edit EAs' : 'Create EAs' }}</h5>
                        </div>
                        <a href="{{ url('/admin/EAs') }}" class="btn btn-primary">Back</a>
                    </div>
                    <form method="POST" enctype="multipart/form-data"
                        action="{{ isset($EAs->id) ? url('/api/superadmin/EAs/update/') : url('/api/superadmin/EAs/create') }}">
                        @csrf
                        @if (isset($EAs->id))
                            @method('PUT')
                        @endif
                        <input type="hidden" name="id" value="{{ old('id', $EAs->id ?? '') }}">
                        <div class="row pb-3">
                            <div class="col-md-6 col-12 mb-3">
                                <label for="image" class="form-label">Image</label>

                                <div class="avatar-upload">
                                    <div class="avatar-edit">
                                        <input type='file' name="image" id="imageUpload" accept=".png, .jpg, .jpeg" />
                                        <label for="imageUpload">
                                            <i class="fas fa-pencil-alt"></i> </label>
                                    </div>
                                    <div class="avatar-preview">
                                        <div id="imagePreview" style="background-image: url({{ asset($EAs->image) }});">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row pb-3">
                            <div class="col-md-6 col-12 mb-3">
                                <label for="name" class="form-label">EAs Name *</label>
                                <input type="text" name="name" value="{{ old('name', $EAs->name ?? '') }}"
                                    class="form-control" id="name" />
                                @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="name" class="form-label">Accuracy</label>
                                <input type="text" name="accuracy" value="{{ old('accuracy', $EAs->accuracy ?? '') }}"
                                    class="form-control" id="accuracy" />
                                @error('accuracy')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="max_drawdown" class="form-label">Max Drawdown
                                    *</label>
                                <input type="text" name="max_drawdown"
                                    value="{{ old('max_drawdown', $EAs->max_drawdown ?? '') }}" class="form-control"
                                    id="max_drawdown" />
                                @error('max_drawdown')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="annualized_return" class="form-label">Annualized Return
                                    *</label>
                                <input type="text" name="annualized_return"
                                    value="{{ old('annualized_return', $EAs->annualized_return ?? '') }}"
                                    class="form-control" id="annualized_return" />
                                @error('annualized_return')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="sharpe_ratio" class="form-label">Sharpe Ratio *</label>
                                <input type="text" name="sharpe_ratio"
                                    value="{{ old('sharpe_ratio', $EAs->sharpe_ratio ?? '') }}" class="form-control"
                                    id="sharpe_ratio" />
                                @error('sharpe_ratio')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="profit_factor" class="form-label">Profit Factor *</label>
                                <input type="text" name="profit_factor"
                                    value="{{ old('profit_factor', $EAs->profit_factor ?? '') }}" class="form-control"
                                    id="profit_factor" />
                                @error('profit_factor')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="win_rate" class="form-label">Win Rate *</label>
                                <input type="text" name="win_rate" value="{{ old('win_rate', $EAs->win_rate ?? '') }}"
                                    class="form-control" id="win_rate" />
                                @error('win_rate')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="platform" class="form-label">Platform *</label>
                                <select name="platform" class="form-control" id="platform">
                                    @foreach ($platform as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('platform', $EAs->platform ?? '') == $option['value'] ? 'selected' : '' }}>

                                            {{ $option['label'] }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('platform')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="type" class="form-label">Type *</label>
                                <input type="type" name="type" value="{{ old('type', $EAs->type ?? '') }}"
                                    class="form-control" id="type" />
                                @error('type')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 col-12 mb-3">
                                <label for="rating" class="form-label">Rating *</label>
                                <input type="text" name="rating" value="{{ old('rating', $EAs->rating ?? '') }}"
                                    class="form-control" id="rating" />
                                @error('rating')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 col-12 mb-3">
                                <label for="visit_now" class="form-label">Visit Now *</label>
                                <input type="text" name="visit_now"
                                    value="{{ old('visit_now', $EAs->visit_now ?? '') }}" class="form-control"
                                    id="visit_now" />
                                @error('visit_now')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 col-12 mb-3">
                                <label for="video_link" class="form-label">Video Link (Paste your video ID)</label>
                                <input type="text" name="video_link"
                                    value="{{ old('video_link', $EAs->video_link ?? '') }}" class="form-control"
                                    id="video_link" />
                                @error('video_link')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="style" class="form-label">Style *</label>
                                <select name="style" class="form-control" id="style">
                                    @foreach ($style as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('style', $EAs->style ?? '') == $option['value'] ? 'selected' : '' }}>

                                            {{ $option['label'] }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('style')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 col-12 mb-3">
                                <label for="stop_loss" class="form-label">Stop Loss *</label>
                                <select name="stop_loss" class="form-control" id="stop_loss">
                                    @foreach ($stop_loss as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('stop_loss', $EAs->stop_loss ?? '') == $option['value'] ? 'selected' : '' }}>

                                            {{ $option['label'] }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('stop_loss')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 col-12 mb-3">
                                <label for="take_profit" class="form-label">Take Profit *</label>
                                <select name="take_profit" class="form-control" id="take_profit">
                                    @foreach ($take_profit as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('take_profit', $EAs->take_profit ?? '') == $option['value'] ? 'selected' : '' }}>

                                            {{ $option['label'] }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('take_profit')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="martingle" class="form-label">Martingale *</label>
                                <select name="martingle" class="form-control" id="martingle">
                                    @foreach ($martingle as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('martingle', $EAs->martingle ?? '') == $option['value'] ? 'selected' : '' }}>

                                            {{ $option['label'] }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('martingle')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="min_deposit" class="form-label">Min Deposit *</label>
                                <select name="min_deposit" class="form-control" id="min_deposit">
                                    @foreach ($min_deposit as $option)
                                        <option value="{{ $option['value'] }}"
                                            {{ old('min_deposit', $EAs->min_deposit ?? '') == $option['value'] ? 'selected' : '' }}>

                                            {{ $option['label'] }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('min_deposit')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-12 mb-3">
                                <label for="signup_link" class="form-label">Signup Link *</label>
                                <input type="text" name="signup_link"
                                    value="{{ old('signup_link', $EAs->signup_link ?? '') }}" class="form-control"
                                    id="signup_link" />
                                @error('signup_link')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            
                            <div class="col-md-6 col-12 mb-3">
                                <label for="profability" class="form-label">Profability*</label>
                                <input type="text" name="profability"
                                    value="{{ old('profability', $EAs->profability ?? '') }}" class="form-control"
                                    id="profability" />
                                @error('profability')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            

                            <div class="col-md-12 col-12 mb-3">
                                <label for="pros" class="form-label">Pros</label>
                                <div id="pros-container">
                                    @if (isset($EAs->pros) && count($EAs->pros) > 0)
                                        @foreach ($EAs->pros as $pro)
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="pro[]"
                                                    value="{{ $pro->text }}" placeholder="Enter a pros">
                                                <button class="btn btn-danger remove" type="button">-</button>
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="input-group mb-3">
                                            <input type="text" class="form-control" name="pro[]"
                                                placeholder="Enter a pros">
                                            <button class="btn btn-success add-more" type="button">+</button>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12 col-12 mb-3">
                                <label for="cons" class="form-label">Cons</label>
                                <div id="cons-container">
                                    @if (isset($EAs->cons) && count($EAs->cons) > 0)
                                        @foreach ($EAs->cons as $con)
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="con[]"
                                                    value="{{ $con->text }}" placeholder="Enter a cons">
                                                <button class="btn btn-danger remove" type="button">-</button>
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="input-group mb-3">
                                            <input type="text" class="form-control" name="con[]"
                                                placeholder="Enter a cons">
                                            <button class="btn btn-success add-more-cons" type="button">+</button>
                                        </div>
                                    @endif
                                </div>
                            </div>




                            <div class="col-md-12 col-12 mb-3">
                                <div class="faqWrapper">
                                    <div id="faq-container">
                                        @if (isset($EAs->faqs) && count($EAs->faqs) > 0)
                                            @foreach ($EAs->faqs as $index => $faq)
                                                <div class="faq-item">
                                                    <div class="d-flex justify-content-between px-3 py-2 my-2 rounded"
                                                        style="background-color:#f5f5f5">
                                                        <label for="faq" class="form-label mt-2">Faq
                                                            {{ $index == 0 ? '' : $index + 1 }}</label>
                                                        @if ($index != 0)
                                                            <button class="btn btn-danger remove-faq" type="button"><span
                                                                    class="pe-1">-</span> Remove</button>
                                                        @endif
                                                    </div>
                                                    <div class="input-group mb-3">
                                                        <input type="text" class="form-control"
                                                            name="faqs[{{ $index }}][title]"
                                                            value="{{ $faq->title }}" placeholder="Enter a title">
                                                    </div>
                                                    <textarea id="faq-editor-{{ $index }}" placeholder="Enter a description"
                                                        name="faqs[{{ $index }}][description]" class="form-control">{{ old('description', $faq->description ?? '') }}</textarea>
                                                </div>
                                            @endforeach
                                        @else
                                            <label for="faq" class="form-label mt-2">Faq</label>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="faqs[0][title]"
                                                    placeholder="Enter a title">
                                            </div>
                                            <textarea id="faq-editor-0" placeholder="Enter a description" name="faqs[0][description]" class="form-control">{{ old('description', $faq->description ?? '') }}</textarea>
                                        @endif
                                    </div>
                                    <div>
                                        <button class="btn btn-success add-more-faq mt-3" type="button"><span
                                                class="pe-1">+</span> Add More</button>
                                    </div>
                                </div>
                            </div>



                            <div class="col-md-12 col-12 mb-3">
                                <div class="tabWrapper">
                                    <div id="tab-container">
                                        @if (isset($EAs->tabs) && count($EAs->tabs) > 0)
                                            @foreach ($EAs->tabs as $index => $tab)
                                                <div class="tab-item">
                                                    <div class="d-flex justify-content-between px-3 py-2 my-2 rounded"
                                                        style="background-color:#f5f5f5">
                                                        @if ($index == 0)
                                                            <label for="Tab" class="form-label mt-2">Tab</label>
                                                        @else
                                                            <label for="Tab" class="form-label mt-2">Tab
                                                                {{ $index + 1 }}</label>
                                                            <button class="btn btn-danger remove-tab" type="button"><span
                                                                    class="pe-1">-</span> Remove</button>
                                                        @endif
                                                    </div>
                                                    <div class="input-group mb-3">
                                                        <input type="text" class="form-control"
                                                            name="tabs[{{ $index }}][title]"
                                                            value="{{ $tab->title }}" placeholder="Enter a name">
                                                    </div>
                                                    <div class="input-group mb-3">
                                                        <input type="text" class="form-control"
                                                            name="tabs[{{ $index }}][heading]"
                                                            value="{{ $tab->heading }}" placeholder="Enter a heading">
                                                    </div>
                                                    <textarea id="tabs-editor-{{ $index }}" placeholder="Enter a description"
                                                        name="tabs[{{ $index }}][description]" class="form-control">{{ old('description', $tab->description ?? '') }}</textarea>
                                                </div>
                                            @endforeach
                                        @else
                                            <label for="tab" class="form-label mt-2">Tab</label>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="tabs[0][title]"
                                                    placeholder="Enter a name">
                                            </div>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="tabs[0][heading]"
                                                    placeholder="Enter a heading">
                                            </div>
                                            <textarea id="tabs-editor-0" placeholder="Enter a description" name="tabs[0][description]" class="form-control">{{ old('description', $tab->description ?? '') }}</textarea>
                                        @endif
                                    </div>
                                    <div>
                                        <button class="btn btn-success add-more-tab mt-3" type="button"><span
                                                class="pe-1">+</span> Add More</button>
                                    </div>
                                </div>
                            </div>

                            {{-- <div class="col-12 mb-3">
                                <div class="faqWrapper">
                                    <label for="" class="form-label mt-2 ">Additional Images</label>
                                    <div class="row" id="additional-images-container">
                                        @if (isset($EAs->images) && count($EAs->images) > 0)
                                            @foreach ($EAs->images as $image)
                                                <div class="col-md-3 col-12">
                                                    <div class="image-upload-section">
                                                        <div class="image-preview">
                                                            <img src="{{ asset($image->image) }}" alt="avatar"
                                                                style="width: 100%; height: 100%; object-fit: cover;">
                                                        </div>
                                                        <input type="file" name="additional_images[]"
                                                            class="additional-image-upload" accept=".png, .jpg, .jpeg"
                                                            style="display: none;" />
                                                        <input type="hidden" name="existing_images[]"
                                                            value="{{ $image->image }}">
                                                        <div style="margin-top:10px; ">

                                                            <button type="button"
                                                                class="btn btn-primary change-additional-image">Change
                                                                Image</button>
                                                            <button type="button"
                                                                class="btn btn-danger remove-additional-image">Remove</button>
                                                        </div>
                                                    </div>

                                                </div>
                                            @endforeach
                                        @else
                                            <div class="col-md-3 col-12">
                                                <div class="image-upload-section">
                                                    <div class="image-preview">
                                                        <img src="{{ asset('images/logoo.jpg') }}" alt="avatar"
                                                            style="width: 100%; height: 100%; object-fit: cover;">
                                                    </div>
                                                    <input type="file" name="additional_images[]"
                                                        class="additional-image-upload" accept=".png, .jpg, .jpeg"
                                                        style="display: none;" value="" />
                                                    <div style="margin-top:10px; ">

                                                        <button type="button"
                                                            class="btn btn-primary change-additional-image">Change
                                                            Image</button>
                                                        <button type="button"
                                                            class="btn btn-danger remove-additional-image">Remove</button>
                                                    </div>
                                                </div>
                                            </div>

                                        @endif

                                    </div>

                                    <div>
                                        <button class="btn btn-success mt-3 pe-1" id="add-image"
                                            type="button"><span>+</span> Add More</button>
                                    </div>
                                </div>
                            </div> --}}

                            <div class="col-md-12 col-12 mb-3">
                                <div class="faqWrapper">
                                    <div id="heading-container">
                                        @if (isset($EAs->headings) && count($EAs->headings) > 0)
                                            @foreach ($EAs->headings as $index => $heading)
                                                <div class="heading-item">
                                                    <div class="d-flex justify-content-between px-3 py-2 my-2 rounded"
                                                        style="background-color:#f5f5f5">
                                                        <label for="heading" class="form-label mt-2">Heading
                                                            {{ $index + 1 }}</label>
                                                        @if ($index != 0)
                                                            <button class="btn btn-danger remove-heading"
                                                                type="button"><span class="pe-1">-</span>
                                                                Remove</button>
                                                        @endif
                                                    </div>

                                                    <div class="input-group mb-3">
                                                        <input type="text" class="form-control"
                                                            name="headings[{{ $index }}][title]"
                                                            value="{{ $heading->title }}" placeholder="Enter a title">
                                                    </div>
                                                    <!-- Unique ID for each textarea -->
                                                    <textarea id="content-editor-{{ $index }}" placeholder="Enter a description"
                                                        name="headings[{{ $index }}][description]" class="form-control">{{ old('description', $heading->description ?? '') }}</textarea>
                                                </div>
                                            @endforeach
                                        @else
                                            <label for="heading" class="form-label mt-2">Heading </label>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control" name="headings[0][title]"
                                                    placeholder="Enter a title">
                                            </div>
                                            <!-- Initial textarea ID -->
                                            <textarea id="content-editor-0" placeholder="Enter a description" name="headings[0][description]"
                                                class="form-control"></textarea>
                                        @endif
                                    </div>
                                    {{-- <div>
                                        <button class="btn btn-success add-more-heading mt-3" type="button"><span
                                                class="pe-1">+</span> Add More</button>
                                    </div> --}}
                                </div>
                            </div>

                        </div>
                        <button type="submit"
                            class="btn btn-primary py-8 fs-4 mb-4 rounded-2">{{ isset($EAs->id) ? 'Update' : 'Create' }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>

    {{-- @section('scripts') --}}
    <script>
        function validateInput(input) {
            input.value = input.value.replace(/[^0-5]/g, '');
            if (input.value.length > 1) {
                input.value = input.value.slice(0, 1);
            }
        }

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imagePreview').css('background-image', 'url(' + e.target.result + ')');
                    $('#imagePreview').hide();
                    $('#imagePreview').fadeIn(650);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#imageUpload").change(function() {
            readURL(this);
        });
    </script>
@endsection