@extends('layout.app', ['title' => 'Quy chế hoạt động'])

@push('style')
  @vite(['resources/css/layout/banner_main.css', 'resources/css/support_policy.css'])
  <style>
    .header-table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }

    .header-table,
    .header-table th,
    .header-table td {
      border: 1px solid black;
    }

    .header-table th,
    .header-table td {
      padding: 10px;
      text-align: center;
    }

    .header-table th {
      font-weight: bold;
    }

    .header-table .sub-header {
      font-size: 1.1em;
      margin-top: 10px;
      display: block;
    }

    .header-table .main-header {
      font-size: 1.3em;
      font-weight: bold;
    }

    .header-table .sub-header-line {
      display: block;
      border-bottom: 1px solid black;
      margin: 10px 0;
    }

    .header-table .doc-number {
      font-weight: bold;
    }

    .table-header {
      min-height: 100px;
    }
  </style>
@endpush

@section('content')
  <section class="page-wrap col-8 col-md-9 col-xl-10 flex-grow-1 px-0">
    <section class="banner-main position-relative w-100">
      <div>
        <img src="{{ asset('img/promotion/banner_promotion.png') }}" alt="" class="w-100">
      </div>
      <div class="banner-main-wrap position-absolute mt-2">
        <div class="banner-main-content text-white">
          <div class="banner-main-header text-uppercase">
            <h2>Quy chế hoạt động</h2>
          </div>
          {{-- <div class="banner-main-text fs-17">
            <p class="text-indent">Cảm ơn bạn đã để lại góp ý cho chúng tôi, chúng tôi sẽ phản hồi với bạn sớm nhất</p>
          </div> --}}
        </div>
      </div>
    </section>
    <div class="container px-5">
      <div class="row">
        <div class="col-12">
          <div class="support-content my-5">
            @if ($footerInfo->file_operating_regulation)
              @include('open_viewpdf.open_pdf', ['filePath' => Storage::url($footerInfo->file_operating_regulation)])
            @else
              <p class="text-danger text-center">Hiện tại chưa có Quy chế hoạt động</p>
            @endif
          </div>
        </div>
      </div>
    </div>
  @endsection
  </div>
  @push('script')
    @vite('resources/js/contact.js')
  @endpush