@extends('layout.admin')

@section('head')
    @extends('layout.header')
    @section('header_title', 'Business Setting')
@endsection

@section('content')
<div class="content-wrapper">
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Business Setting</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ route('dashboard.index') }}">Home</a></li>
              <li class="breadcrumb-item">Settings</li>
              <li class="breadcrumb-item active">Business Setting</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <section class="content">
      <div class="container-fluid">
        @if(session('success'))
        <div class="alert alert-success">
          {{ session('success') }}
        </div>
        @endif
        @if($errors->any())
        <div class="alert alert-danger">
          <ul class="mb-0">
            @foreach($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
        @endif

        <div class="card card-primary card-outline">
          <div class="card-header">
            <h3 class="card-title">Business Setting</h3>
          </div>
          <form action="{{ route('settings.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-body">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="business_name">Business Name</label>
                    <input type="text" name="business_name" id="business_name" class="form-control" value="{{ old('business_name', $setting->business_name ?? '') }}" placeholder="Enter business name">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="business_phone">Business Phone</label>
                    <input type="text" name="business_phone" id="business_phone" class="form-control" value="{{ old('business_phone', $setting->business_phone ?? '') }}" placeholder="Enter business phone">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="business_email">Business Email</label>
                    <input type="email" name="business_email" id="business_email" class="form-control" value="{{ old('business_email', $setting->business_email ?? '') }}" placeholder="Enter business email">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="business_tax_no">Business Tax No</label>
                    <input type="text" name="business_tax_no" id="business_tax_no" class="form-control" value="{{ old('business_tax_no', $setting->business_tax_no ?? '') }}" placeholder="Enter tax number">
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="business_address">Business Address</label>
                <textarea name="business_address" id="business_address" rows="3" class="form-control" placeholder="Enter business address">{{ old('business_address', $setting->business_address ?? '') }}</textarea>
              </div>
              <div class="form-group">
                <label for="business_logo">Business Logo</label>
                <input type="file" name="business_logo" id="business_logo" class="form-control">
              </div>
              @if(!empty($setting?->business_logo))
              <div class="mb-3">
                <img src="{{ $globalBusinessLogoUrl }}" alt="Business Logo" style="max-width: 220px; max-height: 120px;">
              </div>
              @endif
            </div>
            <div class="card-footer text-right">
              <button type="submit" class="btn btn-primary">Save Business Setting</button>
            </div>
          </form>
        </div>
      </div>
    </section>
  </div>
@endsection

@section('script')
    <script src="../plugins/jquery/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
    <script src="../plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
    <script src="../plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
    <script src="../plugins/jszip/jszip.min.js"></script>
    <script src="../plugins/pdfmake/pdfmake.min.js"></script>
    <script src="../plugins/pdfmake/vfs_fonts.js"></script>
    <script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
    <script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script>
    <script src="../plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="../plugins/select2/js/select2.full.min.js"></script>
    <script src="../plugins/jquery-validation/jquery.validate.min.js"></script>
    <script src="../plugins/jquery-validation/additional-methods.min.js"></script>
    <script src="../dist/js/adminlte.min.js"></script>
    <script src="../dist/js/demo.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection