@extends('admin.layouts.admin')
@section('content')
<div class="pc-container">
    <div class="pc-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item">Settings</li>
                        </ul>
                    </div>
                    <div class="col-md-12">
                        <div>
                            @if(Session::has('message'))
                                <p class="alert {{ Session::get('alert-class', 'alert-info') }} flash-msg">{{ Session::get('message') }}</p>
                            @endif
                            <p id="custom-alert" class="alert alert-info d-none"></p>
                        </div>
                        <form class="" method="POST" action="{{ route('admin.update-settings') }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label" for="title">Phone</label>
                                            <input type="text" class="form-control" name="phone" value="{{ old('phone', $settings->phone) }}">
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label" for="title">Email</label>
                                            <input type="text" class="form-control" name="email" value="{{ old('email', $settings->email) }}">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label" for="title">Support Email</label>
                                            <input type="text" class="form-control" name="support_email" value="{{ old('support_email', $settings->support_email) }}">
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label" for="title">Location</label>
                                            <input type="text" class="form-control" name="location" value="{{ old('location', $settings->location) }}">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mt-5">
                                            <label class="form-label" for="title">Logo</label>
                                            <input class="form-control" type="file" name="logo" id="" accept="image/*" onchange="loadFile(event)">
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <label for="">&nbsp;</label>
                                            <img class="img-fluid" src="{{ asset(Storage::url($settings->logo)) }}" alt="" id="output">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label" for="title">Address</label>
                                            <textarea rows="1" class="form-control" name="address">{{ old('address', $settings->address) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label" for="title">Footer Text</label>
                                            <textarea rows="3" class="form-control" name="footer_text">{{ old('footer_text', $settings->footer_text) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label" for="title">Facebook</label>
                                            <textarea rows="1" class="form-control" name="facebook">{{ old('facebook', $settings->facebook) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label" for="title">X</label>
                                            <textarea rows="1" class="form-control" name="x">{{ old('x', $settings->x) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label" for="title">LinkedIn</label>
                                            <textarea rows="1" class="form-control" name="linkedin">{{ old('linkedin', $settings->linkedin) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label" for="title">Instagram</label>
                                            <textarea rows="1" class="form-control" name="instagram">{{ old('instagram', $settings->instagram) }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button class="btn btn-primary" type="submit">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    var loadFile = function(event) {
        var output = document.getElementById('output');
        output.src = URL.createObjectURL(event.target.files[0]);
        output.onload = function() {
            URL.revokeObjectURL(output.src) // free memory
        }
    };
</script>
@endsection