@extends('layouts.app')

@section('content')
  <div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold tracking-tight">New Record</h1>
    <a href="{{ route('tele.records.index') }}" class="px-3 py-2 rounded-lg border text-sm hover:bg-ink-50">Back</a>
  </div>

  <form method="POST" action="{{ route('tele.records.store') }}" enctype="multipart/form-data"
        class="bg-white rounded-2xl p-6 shadow-card border space-y-4">
    @csrf

    {{-- IMPORTANT: use plural path --}}
    @include('telecalling.records.form', ['record' => null, 'outlets' => $outlets])

    <div class="pt-2">
      <button class="px-4 py-2 rounded-xl bg-brand-500 hover:bg-brand-600 text-white">Save</button>
    </div>
  </form>
@endsection
