<div class="row">
  <div class="col-lg-8">
    <div class="card">
      <div class="card-body">
        <div class="row gy-1">
          <div class="col-md-6">
            {{ html()->label('Project Code')->class('form-label') }}
            {{ html()->text('project_code')->class('form-control')->placeholder('Enter Project Code')->required() }}
          </div>

          <div class="col-md-6">
            {{ html()->label('Project Name')->class('form-label') }}
            {{ html()->text('project_name')->class('form-control')->placeholder('Enter Project Name')->required() }}
          </div>

          <div class="col-md-6">
            {{ html()->label('Project Category')->class('form-label') }}
            {{ html()->select('project_category_id', $categoryList)->class('form-control')->placeholder('Select Project Category')->required() }}
          </div>

          <div class="col-md-6">
            {{ html()->label('Client')->class('form-label') }}
            {{ html()->select('client_id', $clientList)->class('form-control')->placeholder('Select Client')->required() }}
          </div>

          <div class="col-md-12">
            {{ html()->label('Team Members')->class('form-label') }}
            {{ html()->select('members_id', $memberList)->class('form-control')->placeholder('Select Member')->required() }}
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-md-12">
            {{ html()->label('Summary')->class('form-label') }}
            {{ html()->textarea('summary')->class('form-control')->placeholder('Enter Summary...') }}
          </div>
        </div>
      </div>
      <!-- end card body -->
    </div>
    <!-- end card -->
    <div class="mb-3 text-end">
      <a href="{{ route('project.index') }}" class="btn btn-danger w-sm">Cancel</a>
      <button type="submit" class="btn btn-success w-sm">Save</button>

    </div>
  </div>
  <!-- end col -->

  <div class="col-lg-4">
    <div class="card">
      <div class="card-header">
        <h5 class="card-title mb-0">Publish</h5>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12">
            {{ html()->label('Status')->class('form-label') }}
            {{ html()->select('status', $status)->class('form-control')->required() }}
          </div>
        </div>
      </div>
      <!-- end card body -->
    </div>
    <!-- end card -->

    <div class="card">
      <div class="card-header">
        <h5 class="card-title mb-0">Date</h5>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-12">
            {{ html()->label('Start Date')->class('form-label') }}
            {{ html()->date('start_date')->class('form-control')->placeholder('Choose Start Date') }}
          </div>

          <div class="col-md-12">
            {{ html()->label('End Date')->class('form-label') }}
            {{ html()->date('end_date')->class('form-control')->placeholder('Choose End Date') }}
          </div>
        </div>
      </div>
      <!-- end card body -->
    </div>
    <!-- end card -->


  </div>
  <!-- end col -->
</div>