@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">
@endsection
@section('content')
    <!-- Page Header -->
    @php
        $breadcrumbs = [
            ['label' => 'Dashboard', 'url' => route('admin.dashboard')],
            ['label' => 'Setting', 'url' =>route('admin.settings'), 'active' => false],
            ['label' => 'App Feature', 'url' => '#', 'active' => true],
        ];
    @endphp
    <x-ui.breadcrumb :items="$breadcrumbs" title="" />
    <!-- Page Header Close -->

    <!-- Start::row-1 -->
    <div class="row ">
        <div class="col-xxl-12">
            <x-ui.card title="App Feature">
                    @php
                    $features = explode(',', $config->features); 
                    @endphp
                <form id="myForm" action="{{ route('admin.settings.update') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="feature">
                    <div class="row gy-3">

                         <x-form.input label="Home Screen Alert Message:" col="col-xl-12" name="home_msg"
                            placeholder="type Message" value="{{ $config->home_msg }}" autofocus />

                    </div>

                    <h6 class="text-primary underline mt-4">App Feature</h6>
                    <hr> 

                    <div class="row gy-2">
                       <x-ui.checked-card
                            name="home_survey" 
                            value="1"
                            :checked="(in_array('ho', $features)) ? true : false" 
                            title="Home Offer/Survey Tab" 
                        />

                        <x-ui.checked-card
                            name="home_game" 
                            value="1"
                            :checked="(in_array('hg', $features)) ? true : false" 
                            title="Home Game Tab" 
                        />

                        <x-ui.checked-card
                            name="home_replace_cpi_offer" 
                            value="1"
                            :checked="(in_array('rco', $features)) ? true : false" 
                            title="Replace Home Offer Tab with Cpi Offer" 
                        />

                        <x-ui.checked-card
                            name="global_chat" 
                            value="1"
                            :checked="(in_array('gc', $features)) ? true : false" 
                            title="Global Chat" 
                        />

                        <x-ui.checked-card
                            name="coin_credit_sound" 
                            value="1"
                            :checked="(in_array('ccs', $features)) ? true : false" 
                            title="Coin Credit Sound" 
                        />

                        <h6 class="text-primary underline mt-4">Login</h6>
                        <hr> 
                        <x-ui.checked-card
                            name="consent_screen" 
                            value="1"
                            :checked="(in_array('cs', $features)) ? true : false" 
                            title="Signup Consent Screen" 
                        />
                        

                        <x-ui.checked-card
                            name="email_login" 
                            value="1"
                            :checked="(in_array('el', $features)) ? true : false" 
                            title="Email Login" 
                        />

                        <x-ui.checked-card
                            name="google_login" 
                            value="1"
                            :checked="(in_array('gl', $features)) ? true : false" 
                            title="Google Login" 
                        />

                        
                    </div>    

                    <button type="submit" class="btn btn-primary mt-1 px-5">Save</button>    


                </form>
            </x-ui.card>
        </div>
               
    </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')
@endsection