@extends('layouts.master')

@section('content')

<div class="bg-white rounded-lg shadow p-6">

<h2 class="text-xl font-bold mb-6">
    Add Trainer
</h2>

<form method="POST"
      action="{{ route('trainers.store') }}"
      enctype="multipart/form-data">

    @csrf

    <div class="grid grid-cols-2 gap-4">

        <div>
            <label>Trainer Name *</label>
            <input type="text"
                   name="trainer_name"
                   class="w-full border rounded px-3 py-2"
                   required>
        </div>

        <div>
            <label>Mobile No</label>
            <input type="text"
                   name="mobile_no"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label>Email</label>
            <input type="email"
                   name="email"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label>City</label>
            <input type="text"
                   name="city"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label>State</label>
            <input type="text"
                   name="state"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label>Signature</label>
            <input type="file"
                   name="signature"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label>Profile Upload</label>
            <input type="file"
                   name="profile_file"
                   class="w-full border rounded px-3 py-2">
        </div>

        <div>
            <label>Status</label>

            <select name="status"
                    class="w-full border rounded px-3 py-2">

                <option value="1">
                    Active
                </option>

                <option value="0">
                    Inactive
                </option>

            </select>

        </div>

    </div>

    <div class="mt-4">

        <label>Remarks</label>

        <textarea name="remarks"
                  rows="4"
                  class="w-full border rounded px-3 py-2"></textarea>

    </div>

    <div class="mt-6">

        <button type="submit"
                class="bg-blue-600 text-white px-6 py-2 rounded">

            Save Trainer

        </button>

    </div>

</form>

</div>

@endsection