@extends('app-new')

@section('content')
<div class="container-fluid py-3">
  <div class="d-flex flex-wrap align-items-center justify-content-between mb-3">
    <div>
      <nav aria-label="breadcrumb" class="small">
        <ol class="breadcrumb mb-1">
          <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
          <li class="breadcrumb-item"><a href="{{ route('tender-masters.index') }}">Tender Master</a></li>
          <li class="breadcrumb-item active" aria-current="page">Add</li>
        </ol>
      </nav>
      <h4 class="mb-0">Add Tender</h4>
      <div class="text-muted small">Create a new tender entry with key details, costs, and submission dates.</div>
    </div>

    <div class="mt-2 mt-md-0">
      <a href="{{ route('tender-masters.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Back
      </a>
    </div>
  </div>

  <form method="POST" action="{{ route('tender-masters.store') }}" class="tm-form">
    @csrf
    <input type="hidden" name="save_new" id="save_new" value="0">

    <div class="card border-0 shadow-sm tm-card">
      <div class="card-header bg-white border-0 py-3">
        <div class="d-flex align-items-center justify-content-between">
          <div>
            <div class="fw-semibold">Tender Details</div>
            <div class="text-muted small">Fill required fields first, then add optional details.</div>
          </div>
          <span class="badge bg-light text-dark border">Fields marked * are required</span>
        </div>
      </div>

      <div class="card-body p-3 p-md-4">
        @include('tender_masters._form', ['mode' => 'create'])
      </div>
    </div>

    <div class="tm-actions mt-3">
      <div class="d-flex flex-wrap gap-2 justify-content-end">
        <a href="{{ route('tender-masters.index') }}" class="btn btn-light border">Cancel</a>

        <button type="submit" class="btn btn-primary">
          <i class="bi bi-check2-circle"></i> Save
        </button>

        <button type="button" class="btn btn-outline-primary" id="btnSaveNew">
          <i class="bi bi-plus-circle"></i> Save & New
        </button>
      </div>
    </div>

  </form>
</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/tender-master.css') }}">
@endpush

@push('scripts')
<script src="{{ asset('assets/js/tender-master.js') }}"></script>
@endpush