@extends('layouts.master')
@section('styles')
@endsection
@section('content')
    <!-- Page Header -->
    <div class="d-flex align-items-center justify-content-between page-header-breadcrumb flex-wrap gap-2">
        <div>
            <nav>
                <ol class="breadcrumb mb-1">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.offerwall.web') }}">Web Offerwall</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Update Offerwall</li>
                </ol>
            </nav>
        </div>
 
    </div>
    <!-- Page Header Close -->

    <!-- Start::row-1 -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title">
                        Update {{$offer->title}}
                    </div>
                </div>
                <div class="card-body">

                    <div class="border border-gray p-3 mb-4">
                        <b>Allowed macros from App are:</b> <span class="text-danger ms-2">[user_id]</span> = for User ID <span class="text-danger ms-2">[country]</span> = for country ISO <span class="text-danger ms-2">[country_up]</span> = for country ISO in uppercase <span class="text-danger ms-2">[email]</span> = for user Email <span class="text-danger ms-2">[gaid]</span> = for GAID
                    </div>

                    <form action="{{route('admin.offerwall.sdk.update')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{{$offer->id}}">

                    <div class="row gy-3">
                        <div class="col-xl-4">
                            <label for="input-label" class="form-label">Offerwall Name :</label>
                            <input type="text" class="form-control" name="title" value="{{$offer->title}}"
                                id="input-label" placeholder="Cpalead/torox/cpx" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Offerwall Slug(Offerwall default name) :</label>
                            <input type="text" class="form-control" id="input-label11" name="slug"
                                value="{{$offer->slug}}" placeholder="cpalead,tapjoy" readonly>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label1" class="form-label">Offerwall Icon :</label>
                            <input type="file" class="form-control" name="icon" id="input-label1" accept="image/*">
                        </div>

                        <div class="col-xl-12 row">
                            @foreach((array)$network as $item)
                                <div class="col-xl-4 mt-3">
                                    <label for="input-label11" class="form-label"><span class="text-primary">{{$offer->title}}</span>- {{ $item['name']}}</label>
                                    <input type="text" class="form-control" id="input-label11" type="text" name="keyval[]" placeholder="{{ $item['name']}}" value="{{ $item['value']}}" required>
                                </div>
                            @endforeach
                        </div>

                         <div class="col-xl-4">
                            <x-form.select name="cat" label="Offerwall Type" :options="[
                                '' => 'Select Offerwall Category',
                                'offer' => 'Offers',
                                'survey' => 'Surveys',
                            ]" :selected="old('cat', $offer->cat ?? '')"
                                placeholder="Offerwall Type" :required="true" />
                        </div>
                        
                        <div class="col-xl-2">
                            <label class="form-label">Show on Home Screen:</label>
                            <div class="selectgroup selectgroup-pills">
                                <label class="selectgroup-item">
                                    <input type="radio" name="featured" value="1" class="selectgroup-input" @if($offer->featured==1) checked @endif>
                                    <span class="selectgroup-button active">Yes</span>
                                </label>
                                <label class="selectgroup-item">
                                    <input type="radio" name="featured" value="0" class="selectgroup-input" @if($offer->featured==0) checked @endif>
                                    <span class="selectgroup-button inactive">No</span>
                                </label>
                            </div>
                        </div>


                        <div class="col-xl-3">
                            <label for="input-label11" class="form-label">Enter the user level required to unlock this offerwall.
                                <a tabindex="0" class="" id="popoverHelp" role="button"
                                data-bs-toggle="popover"  data-bs-placement="right" title="User Level Required"
                                data-bs-content="If the user's current level is 0 and you want the offerwall to unlock at level 10, simply enter 10 here.">
                            <i class="fe fe-help-circle text-primary"></i></a></label>
                            <input type="number" class="form-control" id="input-label11" name="level_require" value="{{$offer->level_require}}" placeholder="1">
                        </div>

                        <div class="col-xl-3">
                            <label for="input-label11" class="form-label">Extra Bonus (in % like5,10)?:</label>
                            <input type="number" class="form-control" id="input-label11" name="extra_bonus" value="{{$offer->extra_bonus}}" placeholder="1">
                        </div>

                        <div class="col-xl-3">
                            <label for="input-label11" class="form-label">Offerwall Order by:</label>
                            <input type="number" class="form-control" id="input-label11" name="item_order" value="{{$offer->item_order}}"  value="1" placeholder="1">
                        </div>
                    </div>
                </div>
                <hr>
                <div class="card-header pt-0">
                    <div class="card-title">
                        <span class="text-primary">Postback Setup</span> 
                        <a tabindex="0" class="" id="popoverHelp" role="button"
                                            data-bs-toggle="popover" data-bs-placement="right" title="Postback Guide"
                                            data-bs-content="for clear postback guide please check network postback documentation">
                        <i class="fe fe-help-circle "></i></a>
                    </div>
                </div>

                <div class="card-body pt-2">
                    <div class="row gy-3">
                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>USER ID</b><span class="text-danger">*</span>
                            </label>
                            <input type="text" class="form-control" id="input-label11" name="param_userid" value="{{$pb->param_userid}}" placeholder="userid={subid}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>OFFER ID</b><span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_offerid" value="{{$pb->param_offerid}}" placeholder="offerid={offerid}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>REWARD AMOUNT</b><span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_payout" value="{{$pb->param_payout}}" placeholder="payout={payout}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>OFFER NAME</b></label>
                            <input type="text" class="form-control" id="input-label11" name="param_offername" value="{{$pb->param_offername}}" placeholder="title={title}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>IP ADDRESS</b></label>
                            <input type="text" class="form-control" id="input-label11" name="param_ip" value="{{$pb->param_ip}}" placeholder="ip={ip}" >
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>EVENT</b></label>
                            <input type="text" class="form-control" id="input-label11" name="param_event" value="{{$pb->param_event}}" placeholder="goal={goal}" >
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>ADMIN PAYOUT</b>[for calculate earning]</label>
                            <input type="text" class="form-control" id="input-label11" name="param_admin_payout" value="{{$pb->param_admin_payout}}" placeholder="raw={raw}" >
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <b>RESPONSE</b></label>
                            <input type="text" class="form-control" id="input-label11" name="response_msg" value="{{$pb->response_msg}}" placeholder="201" value="201" required>
                        </div>

                        <div class="col-xl-12">
                            <label for="input-label11" class="form-label">Postback <b>Whitelist IP(Add Multiple Ip by ,)</b></label>
                            <input type="text" class="form-control" id="input-label11" name="whitelist_ip" value="{{$pb->whitelist_ip}}" placeholder="0.0.0.0,1.356.65.6,041.13.3.3" >
                        </div>

                    </div>
                </div>


                <div class="card-footer">
                    <button type="submit" class="btn btn-primary btn-wave ms-auto float-end">Update Offerwall</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!--End::row-1 -->
@endsection

@section('scripts')
    
@endsection