@extends('crm.layouts.master')
@section('title','Settings')
@section('page-css')
@endsection
@section('main-content')
    <div class="breadcrumb">
        <h3>Settings</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="row mx-0">
        <div class="col-md-6">

            <form class="row g-3 bg-white shadow p-3 rounded-4" id="update_settings">
                <h3 class="text-center">Update Settings</h3>
                <div class="col-md-12">
                    <label for="site_name" class="form-label">Enter Site Name</label>
                    <input type="text" required class="form-control" value="" id="site_name">
                </div>
                <div class="col-md-12">
                    <label for="logo" class="form-label">Select Logo</label>
                    <input type="file" class="form-control" id="logo">
                </div>
                <!--  <div class="col-12">
                     <label for="formula_value1" class="form-label">Enter a number for multiplication in formula</label>
                     <input type="number" required min="0" step="0.0001" pattern="^[0-9]+(\.[0-9]+)?$" class="form-control" value="<=$settings['formula_value1']?>"  id="formula_value1" >
                 </div>
                 <div class="col-12">
                     <label for="formula_value2" class="form-label">Enter a number for addition in formula</label>
                     <input type="number" required min="0" step="0.0001" pattern="^[0-9]+(\.[0-9]+)?$" class="form-control" value="<=$settings['formula_value2']?>"  id="formula_value2" >
                 </div> -->

                <h5 class="mt-4 mb-3">Contact & Social Media</h5>
                <div class="col-md-6">
                    <label for="phone" class="form-label">Phone Number</label>
                    <input type="text" class="form-control" value="{{ $settings->phone ?? '' }}" id="phone" placeholder="+1234567890">
                </div>
                <div class="col-md-6">
                    <label for="email" class="form-label">Contact Email</label>
                    <input type="email" class="form-control" value="{{ $settings->email ?? '' }}" id="contact_email" placeholder="support@example.com">
                </div>
                <div class="col-md-6">
                    <label for="whatsapp" class="form-label">WhatsApp</label>
                    <input type="text" class="form-control" value="{{ $settings->whatsapp ?? '' }}" id="whatsapp" placeholder="+1234567890">
                </div>
                <div class="col-md-6">
                    <label for="telegram" class="form-label">Telegram</label>
                    <input type="text" class="form-control" value="{{ $settings->telegram ?? '' }}" id="telegram" placeholder="@username">
                </div>
                <div class="col-md-6">
                    <label for="facebook" class="form-label">Facebook URL</label>
                    <input type="url" class="form-control" value="{{ $settings->facebook ?? '' }}" id="facebook" placeholder="https://facebook.com/...">
                </div>
                <div class="col-md-6">
                    <label for="instagram" class="form-label">Instagram URL</label>
                    <input type="url" class="form-control" value="{{ $settings->instagram ?? '' }}" id="instagram" placeholder="https://instagram.com/...">
                </div>
                <div class="col-md-6">
                    <label for="twitter" class="form-label">Twitter / X URL</label>
                    <input type="url" class="form-control" value="{{ $settings->twitter ?? '' }}" id="twitter" placeholder="https://x.com/...">
                </div>
                <div class="col-md-6">
                    <label for="linkedin" class="form-label">LinkedIn URL</label>
                    <input type="url" class="form-control" value="{{ $settings->linkedin ?? '' }}" id="linkedin" placeholder="https://linkedin.com/...">
                </div>

                <div class="col-12 mt-3">
                    <button type="submit" id="update_settings_btn" class="btn btn-dark px-4 rounded-5">Update</button>
                </div>
            </form>
        </div>
        <div class="col-md-6">
            @if($settings->logo !="")
                <h2 class="form-label mt-4 mt-md-2 mb-3 mb-md-5">Logo</h2>
                <div class="bg-white rounded-4">
                    <img src="" alt="Logo" class="object-fit-cover w-100 rounded-4" height="200">
                </div>
            @endif
        </div>
    </div>

@endsection
@section('page-js')

    <script>
        $(document).ready(function () {
            // $("#settingsli").addClass("nav-active");

        });
    </script>
@endsection