@extends('layouts.master')
@section('title',__('Whatsapp Chat Button Settings'))
@section('breadcum')
    <div class="breadcrumbbar">
        <div class="row align-items-center">
            <div class="col-md-8 col-lg-8">
                <h4 class="page-title">{{ __('WhatsApp Chat') }}</h4>
                <div class="breadcrumb-list">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}" title="{{ __('Home') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                            {{ __('WhatsApp Chat Button Settings') }}
                        </li>
                    </ol>
                </div>
            </div>
        </div>          
    </div>
@endsection
@section('maincontent')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">{{ __('WhatsApp Chat Button Settings') }}</h5>
                </div> 
                <div class="card-body">
                    <form class="form" action="{{ route('whatsapp.update') }}" method="POST" novalidate enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="text-dark">{{ __('Enable WhatsApp Chat Button:') }}</label><br>
                                    <label class="switch">
                                    <input class="slider" type="checkbox" name="whatsapp_enable" {{ $setting['whatsapp_enable'] == '1' ? 'checked' : '' }} />
                                    <span class="knob"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6">            
                                <div class="form-group">
                                    <label class="text-dark">{{ __('WhatsApp Number (with country code):') }}</label>
                                    <input name="whatsapp_phone" autofocus="" type="text" class="form-control" placeholder="{{ __('Please Enter Whatsapp Phone Number') }}" value="{{ $setting['whatsapp_phone'] }}">
                                    <div class="invalid-feedback">
                                        {{ __('Please Enter WhatsApp Phone Number !') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                            <div class="form-group">
                                    <label class="text-dark">{{ __('WhatsApp PopUp Message:') }}</label>
                                    <input name="whatsapp_popup_msg" autofocus="" type="text" class="form-control" placeholder="{{ __('Please Enter PopUp Message') }}"  value="{{ $setting['whatsapp_popup_msg'] }}">
                                    <div class="invalid-feedback">
                                        {{ __('Please Enter PopUp Message !') }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">            
                                <div class="form-group">
                                    <label class="text-dark">{{ __('Header Title:') }}</label>
                                    <input name="whatsapp_title" autofocus="" type="text" class="form-control" placeholder="{{ __('Please Enter Header Title') }}"  value="{{ $setting['whatsapp_title'] }}">
                                    <div class="invalid-feedback">
                                        {{ __('Please Enter Header Title !') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="text-dark">{{ __('Button Position :') }}</label><br>
                                    <label class="switch">
                                    <input class="slider" type="checkbox" name="whatsapp_position" {{ $setting['whatsapp_position'] == 'right' ? 'checked' : '' }} />
                                    <span class="knob"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6">            
                                <div class="form-group">
                                    <label class="text-dark">{{ __('Header Color :') }}</label>
                                    <input name="whatsapp_color" autofocus="" type="color" class="form-control my-colorpicker1" placeholder="{{ __('Please Enter Header Color') }}" value="{{ $setting['whatsapp_color'] }}">
                                    <div class="invalid-feedback">
                                        {{ __('Please Enter Header Color !') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary"><i class="feather icon-save mr-2"></i> {{ __('Save') }}</button>
                        </div>
                    </form>
                </div> 
            </div>
        </div>
    </div>
@endsection