@extends('layouts.master')
@section('styles')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
    <!-- Toastify CSS -->
    <link rel="stylesheet" href="{{ asset('build/assets/libs/toastify-js/src/toastify.css') }}">
@endsection
@section('content')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <!-- Page Header -->
    @php
        $breadcrumbs = [
            ['label' => 'Dashboard', 'url' => route('admin.dashboard')],
            ['label' => 'Ads', 'url' => '#', 'active' => true],
            ['label' => 'Advertise Setting', 'url' => '#', 'active' => true],
        ];
    @endphp
    <x-ui.breadcrumb :items="$breadcrumbs" title="Advertise Setting" />
    <!-- Page Header Close -->

    <!-- Start::row-1 -->
    <div class="col-xxl-12">
        <div class="card custom-card">
            <div class="card-header">
                <div class="card-title">
                    Task Setting
                </div>
            </div>
            <div class="card-body">
                <ul class="nav nav-tabs tab-style-2 nav-justified mb-3 d-sm-flex d-block" id="myTab1" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="order-tab" data-bs-toggle="tab"
                            data-bs-target="#spinwin" type="button" role="tab"
                            aria-controls="home-tab-pane" aria-selected="true"><i
                                class="ri-gift-line me-1 align-middle"></i>Youtube Video</button>
                    </li>

                    <li class="nav-item" role="presentation">
                        <button class="nav-link " id="mathquiz-tab-pane" data-bs-toggle="tab"
                            data-bs-target="#mathquiz" type="button" role="tab"
                            aria-controls="mathquiz-tab-pane" aria-selected="false"><i
                                class="ri-check-double-line me-1 align-middle"></i>Visit Earn</button>
                    </li>

                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="shipped-tab" data-bs-toggle="tab"
                            data-bs-target="#visit_earn" type="button" role="tab"
                            aria-controls="contact-tab-pane" aria-selected="false"><i
                                class="ri-shopping-bag-3-line me-1 align-middle"></i>Instagram Reel</button>
                    </li>

                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="delivered-tab" data-bs-toggle="tab"
                            data-bs-target="#watch_video" type="button" role="tab" aria-selected="false"><i
                                class="ri-truck-line me-1 align-middle"></i>Rewarded AD</button>
                    </li>

                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane show active fade text-muted" id="spinwin" role="tabpanel"
                        aria-labelledby="home-tab" tabindex="0">

                        <form action="{{ route('admin.ads.setting.advertising.update') }}" method="post" >
                        @csrf
                        <input type="hidden" name="type" value="yt_video">
                        <div class="col-xl-12 row">
                            <x-form.input
                                label="Youtube AD Per Minute Watch Time Price (in diamond) :" col="col-xl-3 col-md-6"
                                type="number" class="mb-3" value="{{$setting['yt_video_minute_cost']}}" 
                                name="yt_video_minute_cost"  placeholder="enter price" autofocus 
                            />

                            <x-form.input
                                tooltip="Users pay with diamonds to create ads.
Example: Pay 100 diamonds → 50 kept as profit, 50 shared as task rewards."
                                label="Take x% Profit From Youtube Video AD :" col="col-xl-3 col-md-6"
                                type="number" class="mb-3" value="{{$setting['yt_video_profit_take']}}" 
                                name="yt_video_profit_take"  placeholder="enter profit value" autofocus 
                            />
   
                        </div>
                        <div class="col-xl-4 col-md-6 mt-4">
                            <button type="submit" class="btn btn-primary mt-1 px-5">Save</button>    
                        </div>
                        </form>
                    </div>

                    <div class="tab-pane fade text-muted" id="mathquiz" role="tabpanel"
                        aria-labelledby="home-tab" tabindex="0">

                        <form action="{{ route('admin.ads.setting.advertising.update') }}" method="post" >
                        @csrf
                        <input type="hidden" name="type" value="web">
                        <div class="col-xl-12 row">
                           <x-form.input
                                label="VisitEarn AD Per Minute View Time Price (in diamond) :" col="col-xl-3 col-md-6"
                                type="number" class="mb-3" value="{{$setting['web_minute_cost']}}" 
                                name="web_minute_cost"  placeholder="enter price" autofocus 
                            />

                            <x-form.input
                                tooltip="Users pay with diamonds to create ads.
Example: Pay 100 diamonds → 50 kept as profit, 50 shared as task rewards."
                                label="Take x% Profit From VisitEarn AD :" col="col-xl-3 col-md-6"
                                type="number" class="mb-3" value="{{$setting['web_profit_take']}}" 
                                name="web_profit_take"  placeholder="enter profit value" autofocus 
                            />
                        </div>
                        <div class="col-xl-4 col-md-6 mt-4">
                            <button type="submit" class="btn btn-primary mt-1 px-5">Save</button>    
                        </div>
                        </form>
                    </div>
 
                    <div class="tab-pane fade text-muted" id="visit_earn" role="tabpanel"
                        aria-labelledby="contact-tab" tabindex="0">
                        <form action="{{ route('admin.ads.setting.advertising.update') }}" method="post" >
                        @csrf
                            <input type="hidden" name="type" value="insta">
                            <div class="col-xl-12 row">
                                 <x-form.input
                                label="InstagramReel Per Minute View Time Price (in diamond) :" col="col-xl-3 col-md-6"
                                type="number" class="mb-3" value="{{$setting['insta_minute_cost']}}" 
                                name="insta_minute_cost"  placeholder="enter price" autofocus 
                            />

                            <x-form.input
                                tooltip="Users pay with diamonds to create ads.
Example: Pay 100 diamonds → 50 kept as profit, 50 shared as task rewards."
                                label="Take x% Profit From Instagram Reel AD :" col="col-xl-3 col-md-6"
                                type="number" class="mb-3" value="{{$setting['insta_profit_take']}}" 
                                name="insta_profit_take"  placeholder="enter profit value" autofocus 
                            />
      
                            </div>
                            <div class="col-xl-4 col-md-6 mt-4">
                                <button type="submit" class="btn btn-primary mt-1 px-5">Save</button>    
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane fade text-muted" id="watch_video" role="tabpanel" tabindex="0">
                        <form action="{{ route('admin.ads.setting.advertising.update') }}" method="post" >
                        @csrf
                            <input type="hidden" name="type" value="rewardad">
                            <div class="col-xl-12 row">
                                <x-form.input
                                    label="Rewarded AD Per Second Cost (in Diamond) :" col="col-xl-3 col-md-6"
                                    type="number" class="mb-3" value="{{$setting['video_ad_second_cost']}}" 
                                    name="video_ad_second_cost"  placeholder="enter price" autofocus 
                                />

 
                            </div>
                            <div class="col-xl-4 col-md-6 mt-4">
                                <button type="submit" class="btn btn-primary mt-1 px-5">Save</button>    
                            </div>
                        </form>
                    </div>

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

@endsection

@section('scripts')
    @include('layouts.components.common-script')

        <!-- Select2 Cdn -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <!-- Internal Select-2.js -->
    @vite('resources/assets/js/select2.js')

@endsection