@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <h1 class="content-header-title mb-0">Settings</h1>
            </div>
        </div>

        <div class="content-body">
            <div class="section">
                <div class="card card-primary shadow">

                    @if (\Session::has('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('success') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if (\Session::has('error'))
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('error') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <div class="card-body">
                        <div class="row">
                            <div class="col-5 col-sm-3 card card-primary">
                                <div class="nav flex-column nav-tabs h-100 shadow" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
                                    <a class="nav-link active" id="vert-tabs-basic-tab" data-toggle="pill" href="#vert-tabs-basic" role="tab" aria-controls="vert-tabs-basic" aria-selected="true">Basic Settings</a>
                                    <a class="nav-link" id="vert-tabs-sms-tab" data-toggle="pill" href="#vert-tabs-sms" role="tab" aria-controls="vert-tabs-sms" aria-selected="false">SMS Settings</a>
                                    <a class="nav-link" id="vert-tabs-dashboard-tab" data-toggle="pill" href="#vert-tabs-dashboard" role="tab" aria-controls="vert-tabs-dashboard" aria-selected="false">Dashboard Settings</a>
                                    <a class="nav-link" id="vert-tabs-mobileapp-tab" data-toggle="pill" href="#vert-tabs-mobileapp" role="tab" aria-controls="vert-tabs-mobileapp" aria-selected="false">Mobile App Settings</a>
                                </div>
                            </div>
                            
                            <div class="col-7 col-sm-9">
                                <div class="tab-content" id="vert-tabs-tabContent">
                                    {{-- Basic Settings --}}
                                    <div class="tab-pane text-left fade active show" id="vert-tabs-basic" role="tabpanel" aria-labelledby="vert-tabs-basic-tab">
                                        <form class="form-horizontal" method="POST" action="{{route('basicsettings.create')}}">
                                            @csrf
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">App Name</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" placeholder="Application Name" type="text"  id="AppName" name="appname" value="{{$data['AppName']}}">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">App Version</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" placeholder="Application Version" type="text" id="AppVersion" name="appversion" value="1.5.0">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">Country Code</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" placeholder="Country Code" type="text" id="Country" name="countrycode" value="IN">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">Country Phone Code</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" placeholder="Country Phone Code" type="text" id="PhoneCountryCode" name="phonecode" value="+91">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">Currency</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" placeholder="Currency" type="text" id="Currency" name="currency" value="INR">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">Currency Symbol</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" placeholder="Currency Symbol" type="text" id="CurrencySymbol" name="currencysymbol" value="Rs.">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="inputName" class="col-sm-3 col-form-label">Distance Unit</label>
                                                <div class="col-sm-9">
                                                    <select class="form-control" name="distanceunit" id="DistanceUnit">
                                                        <option value="km">KM</option>
                                                        <option value="mi">Mi</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="offset-sm-3 col-sm-10">
                                                    <button type="submit" class="btn btn-primary">
                                                        <i class="fa fa-save"></i> Save
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>

                                    {{-- SMS Settings --}}
                                    <div class="tab-pane fade" id="vert-tabs-sms" role="tabpanel" aria-labelledby="vert-tabs-sms-tab">
                                        <form class="form-horizontal" method="post" action="{{route('smssettings.create')}}">
                                            @csrf
                                            <div class="card">
                                                <div class="card-header">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <h4 class="card-title">Twilio Settings</h4>
                                                        </div>
                                                        <div class="col-md-6 d-flex justify-content-end">
                                                            <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
                                                                <input type="checkbox" class="custom-control-input" data-val="true" id="TwilioIsEnabled" name="TwilioIsEnabled" value="true">
                                                                <label class="custom-control-label" for="TwilioIsEnabled">Status</label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="card-body">
                                                    <div id="twilioDiv" style="">
                                                        <div class="form-group row">
                                                            <label for="inputName" class="col-sm-2 col-form-label">From Number</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="From Number" type="text" id="fromnumber" name="fromnumber" value="{{$data['TwilioFromNumber']}}">
                                                            </div>
                                                        </div>
                                                        <div class="form-group row">
                                                            <label for="inputName" class="col-sm-2 col-form-label">Account Sid</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="Account Sid" type="text" id="accountid" name="accountid" value="{{$data['TwilioAccountSid']}}">
                                                            </div>
                                                        </div>
                                                        <div class="form-group row">
                                                            <label for="inputName" class="col-sm-2 col-form-label">Auth Token</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="Auth Token" type="text" id="authtoken" name="authtoken" value="{{$data['TwilioAuthToken']}}">
                                                            </div>
                                                        </div>
                                                        <div class="form-group row">
                                                            <div class="offset-sm-2 col-sm-10">
                                                                <button type="submit" class="btn btn-primary">
                                                                    <i class="fa fa-save"></i> Save
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id="twilioDisDiv" style="display: none;">
                                                        <p>Twilio is disabled!</p>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </form>
                                    </div>

                                    {{-- Dashboard Settings --}}
                                    <div class="tab-pane fade" id="vert-tabs-dashboard" role="tabpanel" aria-labelledby="vert-tabs-dashboards-tab">
                                        <form class="form-horizontal" method="post" action="{{route('dashboardsettings.create')}}">
                                            @csrf
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">Dashboard Settings</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div>
                                                        <div class="form-group row">
                                                            <label for="OfflineCheckTimeType" class="col-sm-2 col-form-label">Offline Check Time Type</label>
                                                            <div class="col-sm-10">
                                                                <select class="form-control" name="offlinechecktimetype" id="OfflineCheckTimeType">
                                                                    <option value="s" @if($data['OfflineCheckTimeType'] == 's') selected @endif >Seconds</option>
                                                                    <option value="m" @if($data['OfflineCheckTimeType'] == 'm') selected @endif>Minutes</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="form-group row">
                                                            <label for="inputName" class="col-sm-2 col-form-label">Offline Check Time</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="Offline Check Time" type="number" id="OfflineCheckTime" name="offlinechecktime" value="{{$data['OfflineCheckTime']}}">
                                                            </div>
                                                        </div>
                                                        <div class="form-group row">
                                                            <div class="offset-sm-2 col-sm-10">
                                                                <button type="submit" class="btn btn-primary">
                                                                    <i class="fa fa-save"></i> Save
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>                                            
                                        </form>
                                    </div>

                                    {{-- Mobile App Settings --}}
                                    <div class="tab-pane fade" id="vert-tabs-mobileapp" role="tabpanel" aria-labelledby="vert-tabs-mobileapp-tab">
                                        <form class="form-horizontal" method="post" action="{{route('mobileappsettings.create')}}">
                                            @csrf
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">Mobile App Settings</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div>
                                                        <div class="form-group row">
                                                            <label for="inputName" class="col-sm-2 col-form-label">Mobile App Version</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="Mobile App Version" type="text" id="MobileAppVersion" name="mobileappversion" value="{{$data['MAppVersion']}}">
                                                            </div>
                                                        </div>

                                                        <div class="form-group row">
                                                            <label for="inputName" class="col-sm-2 col-form-label">Api Base Url</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="Api Base Url" type="text" id="ApiBaseUrl" name="apibaseurl" value="{{$data['ApiBaseUrl']}}">
                                                            </div>
                                                        </div>

                                                        <div class="form-group row">
                                                            <label for="inputName"
                                                                class="col-sm-2 col-form-label">Privacy Policy Link</label>
                                                            <div class="col-sm-10">
                                                                <input class="form-control" placeholder="Privacy Policy Link" type="text" id="PrivacyPolicyLink" name="privacypolicylink" value="{{$data['MPrivacyPolicyLink']}}">
                                                            </div>
                                                        </div>
                                                        <div class="form-group row">
                                                            <div class="offset-sm-2 col-sm-10">
                                                                <button type="submit" class="btn btn-primary">
                                                                    <i class="fa fa-save"></i> Save
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>                                           
                                        </form>
                                    </div>

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

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/footer')