@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' => 'Adnetwork', 'url' => route('admin.adnetwork'), '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-9 col-xl-8">
            <x-ui.card title="Update {{$data->title}} Network">

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

                    <div class="row gy-3">

                        <x-form.input label="AppID/ Sdk key / Game ID:" class="" value="{{$data->app_id}}"
                             name="app_id" placeholder="xxx-xxxx"
                            autofocus />
                        

                            @if(str_contains($data->format,'b'))
                                <div class="row">
                                    <x-form.outline-toggle class="col-xl-4 mt-3" name="banner_s"
                                        label="Banner Ad" tooltip="set status of banner ad "
                                        :selected="old('banner_s',$data->banner_s)" :required="true" 
                                        :options="[
                                            1 => ['label' => 'ON'],
                                            0 => ['label' => 'OFF'],
                                        ]" />


                                    <x-form.input col="col-xl-8 mt-3"
                                        label="Banner AdUnit" type="text" class="" value="{{$data->banner_id}}"
                                        name="banner_id" placeholder="xxx-xxx" autofocus :required="false"/> 
                                </div>        
                            @endif

                            @if(str_contains($data->format,'i'))
                                <div class="row">
                                    <x-form.outline-toggle class="col-xl-4 mt-3" name="inter_s"
                                        label="Interstital Ad" tooltip="set status of inter ad "
                                        :selected="old('inter_s',$data->inter_s)" :required="true" 
                                        :options="[
                                            1 => ['label' => 'ON'],
                                            0 => ['label' => 'OFF'],
                                        ]" />


                                    <x-form.input col="col-xl-8 mt-3"
                                        label="Interstital AdUnit" type="text" class="" value="{{$data->inter_id}}"
                                        name="inter_id" placeholder="xxx-xxx" autofocus :required="false"/> 
                                </div>        
                            @endif

                            @if(str_contains($data->format,'n'))
                                <div class="row">
                                    <x-form.outline-toggle class="col-xl-4 mt-3" name="native_s"
                                        label="Native Ad" tooltip="set status of native ad "
                                        :selected="old('native_s',$data->native_s)" :required="true" 
                                        :options="[
                                            1 => ['label' => 'ON'],
                                            0 => ['label' => 'OFF'],
                                        ]" />


                                    <x-form.input col="col-xl-8 mt-3"
                                        label="Native AdUnit" type="text" class="" value="{{$data->native_id}}"
                                        name="native_id" placeholder="xxx-xxx" autofocus :required="false"/> 
                                </div>        
                            @endif

                            @if(str_contains($data->format,'r'))
                                <div class="row">
                                    <x-form.outline-toggle class="col-xl-4 mt-3" name="reward_s"
                                        label="Rewarded Ad" tooltip="set status of rewarded ad "
                                        :selected="old('reward_s',$data->reward_s)" :required="true" 
                                        :options="[
                                            1 => ['label' => 'ON'],
                                            0 => ['label' => 'OFF'],
                                        ]" />


                                    <x-form.input col="col-xl-8 mt-3"
                                        label="Rewarded AdUnit" type="text" class="" value="{{$data->reward_id}}"
                                        name="reward_id" placeholder="xxx-xxx" autofocus :required="false"/> 
                                </div>        
                            @endif
                                
                      
                    </div>
        </div>
        </x-ui.card>

        <div class="col-xxl-3 col-xl-4">
            <x-ui.card title="Publish&nbsp;<span class='text-danger'>*</span>">
                <x-form.select
                    name="status"
                    label="AdNetwork Status"
                    :options="[
                        '1' => 'Active',
                        '0' => 'Disable'
                    ]"
                    :selected="$data->status"
                    placeholder="Select status"
                    :required="true"
                />

                <button type="submit" class="btn btn-primary mt-4 px-5">Save Changes</button>
            </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 src="{{asset('build/assets/libs/flatpickr/flatpickr.min.js')}}"></script>

    <script>



    </script>
@endsection