@extends('admin.layout.baseNew')

@section('styles')
    <link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />
@endsection

@section('content')

<section class="section admin-banner"></section>


<section class="section bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title">
                        <h2>Settings</h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">

                <form class="uform" action="{{ route('admin.settings.store') }}" method="POST" enctype="multipart/form-data" role="form" >

                    @csrf

                    <div class="ucard p-3">
                        <div class="dash-title mb-4">Site Settings</div>

                        @include('common.notify')

                        <div class="row mb-4">
                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">General</span>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <div class="row">
                                    <div class="col-12">
                                        <label for="name">Site Name <span>*</span></label>
                                        <input type="text" class="form-control" value="{{ Setting::get('site_title') }}" name="site_title" id="site_title"  required />
                                    </div>
                                    <div class="col-12">
                                        <label for="copyright">Copyright <span>*</span></label>
                                        <input type="text" class="form-control" value="{{ Setting::get('site_copyright', '&copy; '.date('Y')) }}" name="site_copyright" id="site_copyright"  required />
                                    </div>
                                </div>
                            </div>


                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label>Site Logo <span class="tip tinfo black"  data-bs-toggle="tooltip" title="Image size 120px X 120px"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar edit" for="site_logo">
                                        <div class="icon">
                                            <img src="{{asset('assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                            <div class="text">WxH: 120x120, Aspect ratio 1:1</div>
                                        </div>

                                        <input type="file" accept="image/*" name="site_logo" id="site_logo" >

                                    </label>

                                    <div class="uploadedfileviewer">
                                        <div class="fileview">
                                            @if(Setting::get('site_logo')!='')
                                                <img src="{{ img(Setting::get('site_logo', asset('logo-black.png'))) }}">
                                            @endif
                                        </div>

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




                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label>Site Icon <span class="tip tinfo black"  data-bs-toggle="tooltip" title="Image size 120px X 120px"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar edit" for="site_icon">
                                        <div class="icon">
                                            <img src="{{asset('assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>

                                        <input type="file" accept="image/*" name="site_icon" id="site_icon" multiple >
                                    </label>

                                    <div class="uploadedfileviewer">
                                        <div class="fileview">
                                            @if(Setting::get('site_icon')!='')
                                                <img src="{{ img(Setting::get('site_icon')) }}">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>



                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="support_mail">Support Mail Address <span>*</span></label>
                                <input class="form-control" type="email" value="{{ Setting::get('support_mail') }}" name="support_mail" id="support_mail" required />
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="enquiry_mail">Enquiry Mail Address <span>*</span></label>
                                <input class="form-control" type="email" value="{{ Setting::get('enquiry_mail') }}" name="enquiry_mail" id="enquiry_mail" required />
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="number">Support Number <span>*</span></label>
                                <input class="form-control" type="text" value="{{ Setting::get('number') }}" name="number" id="number" required />
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <label for="ripple_address">Ripple Address</label>
                                <textarea name="ripple_address" class="form-control" id="ripple_address" required>{{ Setting::get('ripple_address') }}</textarea>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="instagram">Instagram URL <span>*</span></label>
                                <input class="form-control" type="text" value="{{ Setting::get('instagram') }}" name="instagram" id="instagram"  required />

                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="twitter">Twitter URL <span>*</span></label>
                                <input class="form-control" type="text" value="{{ Setting::get('twitter') }}" name="twitter" id="twitter"  required />

                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="facebook">Facebook URL <span>*</span></label>
                                <input class="form-control" type="text" value="{{ Setting::get('facebook') }}" name="facebook" id="facebook" required />

                            </div>



                            <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                <label for="default_currency">Default Currency <span>*</span></label>

                                <select class="form-control" name="default_currency" id="default_currency" required >
                                    <option value="USD" @if(Setting::get('default_currency') == 'USD') selected="" @endif>USD</option>
                                    <option value="CAD" @if(Setting::get('default_currency') == 'CAD') selected="" @endif>CAD</option>
                                </select>

                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mb-3" style="display:none">
                                <label for="defaultcurrency">KYC Approval Required <span>*</span></label>

                                @if(Setting::get('kyc_approval') == 1)
                                <div class="switcher  mt-3  active ">
                                    <span class="options left">Yes</span>
                                    <label class="switchbar">
                                        <input type="checkbox" name="kyc_approval" value="1" checked >
                                        <span class="slider round"></span>
                                    </label>
                                    <span class="options right">No</span>
                                </div>
                                @else
                                    <div class="switcher  mt-3">
                                        <span class="options left">Yes</span>
                                        <label class="switchbar">
                                            <input type="checkbox" name="kyc_approval" value="1" >
                                            <span class="slider round"></span>
                                        </label>
                                        <span class="options right">No</span>
                                    </div>
                                @endif
                            </div>


                            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mb-3">
                                <label for="defaultcurrency">Site Under Maintenance <span>*</span></label>

                                @if(Setting::get('maintenance_mode') == 1)
                                <div class="switcher  mt-3  active ">
                                    <span class="options left">Yes</span>
                                    <label class="switchbar">
                                        <input type="checkbox" name="maintenance_mode" value="1" checked >
                                        <span class="slider round"></span>
                                    </label>
                                    <span class="options right">No</span>
                                </div>
                                @else
                                    <div class="switcher  mt-3">
                                        <span class="options left">Yes</span>
                                        <label class="switchbar">
                                            <input type="checkbox" name="maintenance_mode" value="1" >
                                            <span class="slider round"></span>
                                        </label>
                                        <span class="options right">No</span>
                                    </div>
                                @endif
                            </div>

                            <div class="col-12">
                                <button type="submit" class="btn btn-blue">Update Settings</button>
                            </div>

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

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


@endsection

@section('scripts')
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap5.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>

<script>
$(document).ready(function () {
    $('[data-bs-toggle="tooltip"]').tooltip();
});

$(document).on('click', '.switcher input[name="kyc_approval"]', function () {
    if($(this).prop('checked') == true) {
        $(this).parents('.switcher').addClass('active');
    }else{
        $(this).parents('.switcher').removeClass('active');
    }
});

$(document).on('click', '.switcher input[name="maintenance_mode"]', function () {
    if($(this).prop('checked') == true) {
        $(this).parents('.switcher').addClass('active');
    }else{
        $(this).parents('.switcher').removeClass('active');
    }
});

</script>


@endsection

@section('nav-adm-settings-class', 'active')