@extends('includes.adminlayout')
@section('content')
<div class="container">
    <div class="card">
        <div class="card-body">
            <h3 class="text-center">Site Settings</h3>
            <hr>
            <form method="POST" enctype="multipart/form-data" id="settingsForm" action="{{route('admin.update_settings')}}">
                @method('put')
                @csrf
                <div class="row">
                    <div class="mb-3 col-md-6 col-xl-4 mb-5 col-sm-12">
                        <label class="form-label" for="site_name">Site Name</label>
                        <input name="site_name" type="text" class="form-control" id="site_name"
                            value="{{ $settings->site_name }}" placeholder="Zinc Banking">
                    </div>
                    <div class="mb-3 col-md-6 col-xl-4 mb-5 col-sm-12">
                        <label class="form-label" for="site_name">Site Url</label>
                        <input name="site_url" type="text" class="form-control" id="site_url"
                            value="{{ $settings->site_url }}" placeholder="https://sitename.com">
                    </div>
                    <div class="mb-3 col-md-6 col-xl-4 mb-5 col-sm-12">
                        <label class="form-label" for="site_email">Site Email</label>
                        <input name="site_email" type="text" class="form-control" placeholder="eg. support@sitename.com" value="{{ $settings->site_email }}">
                    </div>

                    <div class="mb-3 col-md-6 col-xl-6 mb-5 col-sm-12">
                        <label class="form-label" for="site_email">Site Phone</label>
                        <input name="site_phone" type="text" class="form-control" placeholder="Website Contact Phone" value="{{ $settings->site_phone }}">
                    </div>

                    <div class="mb-3 col-md-6 col-xl-6 mb-5 col-sm-12">
                        <label class="form-label" for="site_email">Site Location</label>
                        <input name="location" type="text" class="form-control" placeholder="Bank Location" value="{{ $settings->location }}">
                    </div>


                    <div class="mb-3 col-md-6 col-xl-4 mb-5 col-sm-12">
                        <label class="form-label" for="site_logo">Site Logo</label>
                        <input type="file" name="site_logo" class="form-control" id="site_logo">
                    </div>
                    <div class="mb-3 col-md-6 col-xl-4 mb-5 col-sm-12">
                        <label class="form-label" for="site_logo">Site Logo White</label>
                        <input type="file" name="site_alt_logo" class="form-control" id="site_favicon">
                    </div>

                    <div class="mb-3 col-md-6 col-xl-4 mb-5 col-sm-12">
                        <label class="form-label" for="site_logo">Site Favicon</label>
                        <input type="file" name="site_favicon" class="form-control" id="site_favicon">
                    </div>
                </div>
                <br>
                <hr>


                <h3 class="text-center">Site Charges</h3>
                <div class="row">
                    <div class="mb-3 col-md-6 col-xl-6 mb-5 col-sm-12">
                        <label class="form-label" for="local_transfer_charge">Local Transfer Charges(%)</label>
                        <input type="text" value="{{ $charges->local }}" name="local_transfer_charge"
                            class="form-control" id="local_transfer_charge" placeholder="From 0-100%" max="100"
                            required>
                    </div>

                    <div class="mb-3 col-md-6 col-xl-6 mb-5 col-sm-12">
                        <label class="form-label" for="international_transfer_charge">International Transfer
                            Charges(%)</label>
                        <input type="text" value="{{ $charges->international }}" name="international_transfer_charge"
                            class="form-control" id="international_transfer_charge" placeholder="From 0-100%" max="100"
                            required>
                    </div>
                    <div class="col-xl-6">
                        <div class="form-check form-switch">
                            <input 
                            class="form-check-input" 
                            type="checkbox" 
                            role="switch" 
                            id="enableEmailVerififcation"
                            name="verify_email"
                            @checked( $settings->preferences->verify_email)>
                            <label class="form-check-label" for="enableEmailVerififcation">Email Verification
                            </label>
                        </div>
                    </div>
                    
                    <div class="col-xl-6">
                        <div class="form-check form-switch">
                            <input 
                            class="form-check-input" 
                            type="checkbox" 
                            role="switch" 
                            id="approveLogin"
                            name="approve_login"
                            @checked( $settings->preferences->approve_login)>
                            <label class="form-check-label" for="approveLogin">Approve Login
                            </label>
                        </div>
                    </div>
                </div>

                <hr>

                <h3 class="text-center">Live Support</h3>
                <div class="row">
                    <div class="mb-3 col-md-12 col-xl-12 mb-5 col-sm-12">
                        <label class="form-label" for="live_support">Live Support</label>
                        <textarea name="live_support" class="form-control" id="live_support" rows="5">{{ $settings->live_support }}</textarea>
                    </div>
                </div>
                <button id="loading" class="btn btn-primary" type="button" disabled style="display: none">
                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                    <span class="sr-only">Loading...</span>
                </button>
                <button id="done" type="submit" class="btn btn-primary">Update</button>
            </form>
        </div>
    </div>
</div>
@endsection