@extends('layouts.admin')
@section('page-title')
Settings
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">            
            <div class="card-body">               
                <form action="{{ route('save_settings') }}" method="POST"  enctype="multipart/form-data">
                    @csrf
                    <div class = "row">
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="email">Admin email addess*</label>
                                <input class="form-control" name="email" type="email" value="{{$settings->email}}" required>
                            </div>
                        </div>
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="phone">Phone</label>
                                <input class="form-control" name="phone" type="text" value="{{$settings->phone}}" >
                            </div>
                        </div>
                        
                    </div>
                    <div class = "row">                       
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="location">Location</label>
                                <input class="form-control" name="location" type="text" value="{{$settings->location}}" >
                            </div>
                        </div>
                        <div class = "col-md-6">
                            <div class="form-group">
                            <label for="logo">Logo</label><br>    
                            <div class="custom-file">                                
                                <input type="file" name="logo" id="customFile" class="custom-file-input">
                                <label class="custom-file-label" for="customFile" id = "lblFileUpload" >Choose file</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <!-- <h4>Merchant</h4>
                    <div class = "row">                       
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="paypal_client_id">Paypal Client Id</label>
                                <input class="form-control" name="paypal_client_id" type="text" value="{{$settings->paypal_client_id}}" >
                            </div>
                        </div>
                        <div class = "col-md-6">                            
                        </div>
                    </div>
                    <div class = "row">                       
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="stripe_publishable_key">Stripe Publishable Key</label>
                                <input class="form-control" name="stripe_publishable_key" type="text" value="{{$settings->stripe_publishable_key}}" >
                            </div>
                        </div>
                        <div class = "col-md-6"> 
                        <div class="form-group">
                                <label for="stripe_secret_key">Stripe Secret Key</label>
                                <input class="form-control" name="stripe_secret_key" type="text" value="{{$settings->stripe_secret_key}}" >
                            </div>                           
                        </div>
                    </div>
                    <br> -->
                    <h4>Social</h4>
                    <hr>
                    <div class = "row">
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="facebook">Facebook</label>
                                <input class="form-control" name="facebook" type="text" value="{{$settings->facebook}}" >
                            </div>
                        </div>
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="tweeter">Tweeter</label>
                                <input class="form-control" name="tweeter" type="text" value="{{$settings->tweeter}}" >
                            </div>
                        </div>
                    </div>
                    <div class = "row">
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="linkedIn">LinkedIn</label>
                                <input class="form-control" name="linkedIn" type="text" value="{{$settings->linkedIn}}" >
                            </div>
                        </div>
                        <div class = "col-md-6">
                            <div class="form-group">
                                <label for="instagram">Instagram</label>
                                <input class="form-control" name="instagram" type="text" value="{{$settings->instagram}}" >
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary" >Save Settings</button>
                </form>
            </div>
        </div>
    </div>

</div>

@endsection

@push('custom-js-scripts')
<script type="text/javascript">
    $(document).on('change','#customFile' , function(){
        var fileName = this.value;
        var lastRowIndex = fileName.lastIndexOf('\\');
        fileName = fileName.substring(lastRowIndex + Number(1), fileName.length);
        $("#lblFileUpload").html(fileName);
    });
</script>
@endpush