@extends('layouts.master')
@section('styles')
    <link rel="stylesheet" href="{{ asset('build/assets/libs/toastify-js/src/toastify.css') }}">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{{asset('build/assets/libs/flatpickr/flatpickr.css')}}">
    <link rel="stylesheet" href="{{asset('build/assets/libs/flatpickr/flatpickr.min.css')}}">
@endsection
@section('content')
    <!-- Page Header -->
    @php
        $breadcrumbs = [
            ['label' => 'Dashboard', 'url' => route('admin.dashboard')],
            ['label' => 'Offers', 'url' => route('admin.offers.index'), 'active' => false],
            ['label' => 'Postback', 'url' => route('admin.offers.postback'), 'active' => false],
            ['label' => 'Update', 'url' => '#', 'active' => true],
        ];
    @endphp
    <x-ui.breadcrumb :items="$breadcrumbs" title="" />
    <!-- Page Header Close -->

    <!-- Start::row-1 -->
    <div class="row ">
        <div class="col-xxl-8 col-xl-7">
            <x-ui.card title="Update Postback">
 
                <form id="myForm" action="{{ route('admin.offers.postback.update') }}" method="post" enctype="multipart/form-data">
                    @csrf

                    <input name="id" type="hidden" value="{{ $data->id }}">

                     <x-form.input label="Postback Company Name:" class="" name="title" placeholder="ApiTorox,Cpalead,offer18"
                          value="{{ $data->title }}"  autofocus />
                            
                            <x-form.select name="param_mode" col="col-xl-12 mt-3" label="Parameter Mode:"
                                placeholder="Select Type" :required="true" :options="[
                                    '0' => '🔄 Replace placeholders in URL',
                                    '1' => '➕ Append parameters to end of URL',
                                ]" :selected="old('param_mode',$data->param_mode)" />
                            
                           <small class="text-muted d-block mt-1" id="param_mode">
                                Mode 0 replaces placeholders directly inside the URL.<br>  
                                Mode 1 appends parameters at the end of the URL.
                            </small> 

                        <div class="row gy-3 mt-2">
                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">USER ID</span><span class="text-danger">*</span>
                            </label>
                            <input type="text" class="form-control" id="input-label11" name="param_userid" value="{{old('param_userid',$data->param_userid)}}" placeholder="userid={subid}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">OFFER ID<    /span><span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_offerid" value="{{old('param_offerid',$data->param_offerid)}}"  placeholder="offerid={offerid}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">REWARD AMOUNT</span><span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_payout" value="{{old('param_payout',$data->param_payout)}}"  placeholder="payout={payout}" required>
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">OFFER NAME</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_offername" value="{{old('param_offername',$data->param_offername)}}"  placeholder="title={title}" >
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">IP ADDRESS</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_ip" value="{{old('param_ip',$data->param_ip)}}"  placeholder="ip={ip}" >
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">EVENT</span></label>
                            <input type="text" class="form-control" id="input-label11" name="param_event" value="{{old('param_event',$data->param_event)}}" placeholder="goal={goal}" >
                        </div>

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label">Paramater for <span class="text-primary">ADMIN PAYOUT</span>[for calculate earning]</label>
                            <input type="text" class="form-control" id="input-label11" name="param_admin_payout" value="{{old('param_admin_payout',$data->param_admin_payout)}}" placeholder="raw={raw}" >
                        </div>

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

                        <div class="col-xl-4">
                            <label for="input-label11" class="form-label"><span class="text-danger">Postback Secret</span></label>
                            <input type="text" class="form-control" id="input-label11" name="secret" value="{{ $data->secret }}"  placeholder="201" value="201" required>
                        </div>

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

                    </div>
        </div>
        </x-ui.card>

        <div class="col-xxl-4 col-xl-5">
            <x-ui.card title="Publish&nbsp;<span class='text-danger'>*</span>">
                <button type="submit" class="btn btn-primary mt-1 px-5 mb-3">Save</button>

                 <x-form.dropzone-image name="media" id="uploadmedia" placeholder="assets/images/media-placeholder.svg"
                    sizeLabel="100×100 px" label="Postback Icon Attachment" :preview="asset('uploads/offers/'.$data->icon)"  :required="false" />
            </x-ui.card>

        </div>
        </form>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('build/assets/libs/toastify-js/src/toastify.js') }}"></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')
    <script>

        
    </script>
@endsection