@extends('layouts.master')

@section('content')
\<div class="container-fluid">
                <div class="row ">
                    <div class="col-lg-12">
                        <div class="card">

                            <div class="card-body" id="settings">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs" id="settingsTab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="general-tab" data-bs-toggle="tab"
                                            data-bs-target="#general" type="button" role="tab" aria-controls="general"
                                            aria-selected="true"> General </button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="contact-tab" data-bs-toggle="tab"
                                            data-bs-target="#contact" type="button" role="tab" aria-controls="contact"
                                            aria-selected="false"> Contact Information </button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="meta-tab" data-bs-toggle="tab"
                                            data-bs-target="#meta" type="button" role="tab" aria-controls="meta"
                                            aria-selected="false">Meta Settings</button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="social-tab" data-bs-toggle="tab"
                                            data-bs-target="#social" type="button" role="tab" aria-controls="social"
                                            aria-selected="false">Social Networks</button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="logo-tab" data-bs-toggle="tab"
                                            data-bs-target="#logo" type="button" role="tab" aria-controls="logo"
                                            aria-selected="false">Logo Upload</button>
                                    </li>
                                </ul>

                                <!-- Tab panes -->
                                <div class="tab-content pt-3">
                                    <!-- General Tab -->
                                    <div class="tab-pane fade active show" id="general" role="tabpanel"
                                        aria-labelledby="general-tab">
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">App Name <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <input type="text" value="" name="app_name" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">App URL <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <input type="text" value="" name="app_url" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Currency Symbol
                                                    <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <select class="form-control" name="currency_symbol">
                                                        <option value="BDT">BDT</option>
                                                        <option value="TK">TK</option>
                                                        <option value="USD">USD</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Currency Order
                                                    <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <select class="form-control" name="currency_order">
                                                        <option value="left">left</option>
                                                        <option value="right">right</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Date Format
                                                    <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <select class="form-control" name="date_format">
                                                        <option value="13/12/2017">13/12/2017</option>
                                                        <option value="2017-12-13">2017-12-13</option>
                                                        <option value="13-12-2017">13-12-2017</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Analytics <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <input type="text" value="" name="analytics" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Language <code>*</code></label>
                                                <div class="col-sm-8">
                                                    <input type="text" value="" name="language" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Feed Activate</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control" name="feedActivate">
                                                        <option value="1">Yes</option>
                                                        <option value="">No</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Feed Limit</label>
                                                <div class="col-sm-8">
                                                    <input type="text" value="" name="feedLimit" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Contact Tab -->
                                    <div class="tab-pane fade" id="contact" role="tabpanel"
                                        aria-labelledby="contact-tab">
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">E-mail <code>*</code></label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="email" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">App Address
                                                    <code>*</code></label>
                                                <div class="col-sm-9">
                                                    <textarea class="form-control" rows="3"
                                                        name="app_address"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Contact <code>*</code></label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="contact" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Map Code/Link</label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="mapCode" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Meta Tab -->
                                    <div class="tab-pane fade" id="meta" role="tabpanel" aria-labelledby="meta-tab">
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">App Title <code>*</code></label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="app_title" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">App Description
                                                    <code>*</code></label>
                                                <div class="col-sm-9">
                                                    <textarea class="form-control" rows="3"
                                                        name="app_description"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">App Keywords
                                                    <code>*</code></label>
                                                <div class="col-sm-9">
                                                    <textarea class="form-control" rows="3"
                                                        name="app_keywords"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Social Tab -->
                                    <div class="tab-pane fade" id="social" role="tabpanel" aria-labelledby="social-tab">
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Facebook Link</label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="facebook" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">Instagram Link</label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="instagram" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label class="col-sm-3 col-form-label">YouTube Link</label>
                                                <div class="col-sm-9">
                                                    <input type="text" value="" name="youtube" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Logo Tab -->
                                    <div class="tab-pane fade" id="logo" role="tabpanel" aria-labelledby="logo-tab">
                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label for="logo_image" class="col-sm-2 col-form-label">App Logo</label>
                                                <div class="col-sm-5">
                                                    <div class="input-group">
                                                        <input type="file" accept="image/*" name="logo_image"
                                                            id="logo_image" class="form-control"
                                                            onchange="previewImage(event)">
                                                        <div class="input-group-text">
                                                            <span class="fa fa-image"></span>
                                                        </div>
                                                    </div>

                                                    <!-- Image Preview -->
                                                    <div class="mt-3">
                                                        <img id="logoPreview" src="#" alt="Preview Image"
                                                            class="img-fluid border"
                                                            style="display:none; max-width: 100px;">
                                                    </div>

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

                                        <div class="col-sm-9">
                                            <div class="form-group row mb-3">
                                                <label for="favicon_image" class="col-sm-2 col-form-label">App
                                                    Favicon</label>
                                                <div class="col-sm-5">
                                                    <div class="input-group">
                                                        <input type="file" accept="image/*" name="favicon_image"
                                                            id="favicon_image" class="form-control"
                                                            onchange="previewImage(event)">
                                                        <div class="input-group-text">
                                                            <span class="fa fa-image"></span>
                                                        </div>
                                                    </div>

                                                    <!-- Image Preview -->
                                                    <div class="mt-3">
                                                        <img id="favcionPreview" src="#" alt="Preview Image"
                                                            class="img-fluid border"
                                                            style="display:none; max-width: 100px;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- /tab content -->
                                <div class="card-footer">
                                    <div class="offset-md-1 col-sm-9">
                                        <button type="submit" class="btn btn-primary">Save</button>&nbsp;&nbsp;
                                        <a href="#" class="btn btn-warning">Cancel</a>
                                    </div>
                                </div>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
@endsection('content')