@extends('layouts.admin')

@section('content')

<div class="container mt-3">
    <h2>Settings</h2>
    <br>
    @if ($message = Session::get('success'))
        <div class="alert alert-success alert-block my-3">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>{{ $message }}</strong>
        </div>
    @endif
    <!-- Nav tabs -->
    <ul class="nav nav-tabs">
      <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#home">General</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#menu1">Contact Info</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#menu2">Payment</a>
      </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div id="home" class="container tab-pane active"><br>
            @include('admin.settings.general')
        </div>
        <div id="menu1" class="container tab-pane fade"><br>
            @include('admin.settings.contact')
        </div>
        <div id="menu2" class="container tab-pane fade"><br>
            @include('admin.settings.payment')
        </div>
    </div>
  </div>

@endsection

@push('scripts')
    <script>
        loadFile = function(event, id) {
            var output = document.getElementById(id);
            output.src = URL.createObjectURL(event.target.files[0]);
        };
    </script>
@endpush