@extends('layouts.dashboard')

@section('title', 'Data Pelatih')

@section('content')
<div class="rounded-lg bg-white p-5 shadow-sm">
    <form method="POST" action="{{ route('admin.trainers.store') }}" enctype="multipart/form-data" class="grid gap-3 md:grid-cols-3">
        @csrf
        <input name="name" placeholder="Nama pelatih" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="email" type="email" placeholder="Email akun baru" class="rounded-lg border border-slate-300 px-3 py-2">
        <input name="phone" placeholder="HP" class="rounded-lg border border-slate-300 px-3 py-2">
        <input name="license" placeholder="Lisensi" class="rounded-lg border border-slate-300 px-3 py-2">
        <select name="status" class="rounded-lg border border-slate-300 px-3 py-2"><option value="active">active</option><option value="inactive">inactive</option></select>
        <input name="photo" type="file" accept="image/*" class="rounded-lg border border-slate-300 px-3 py-2">
        <textarea name="bio" placeholder="Bio" class="rounded-lg border border-slate-300 px-3 py-2 md:col-span-3"></textarea>
        <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white md:col-span-3">Tambah Pelatih</button>
    </form>
</div>
<div class="mt-6 grid gap-4">
@foreach($trainers as $trainer)
    <div class="rounded-lg bg-white p-5 shadow-sm">
        <form method="POST" action="{{ route('admin.trainers.update', $trainer) }}" enctype="multipart/form-data" class="grid gap-3 md:grid-cols-3">
            @csrf @method('PUT')
            <input name="name" value="{{ $trainer->name }}" class="rounded-lg border border-slate-300 px-3 py-2">
            <input name="phone" value="{{ $trainer->phone }}" class="rounded-lg border border-slate-300 px-3 py-2">
            <input name="license" value="{{ $trainer->license }}" class="rounded-lg border border-slate-300 px-3 py-2">
            <select name="status" class="rounded-lg border border-slate-300 px-3 py-2"><option value="active" @selected($trainer->status==='active')>active</option><option value="inactive" @selected($trainer->status==='inactive')>inactive</option></select>
            <input name="photo" type="file" class="rounded-lg border border-slate-300 px-3 py-2">
            <button class="rounded-lg bg-slate-900 px-4 py-2 font-bold text-white">Simpan</button>
            <textarea name="bio" class="rounded-lg border border-slate-300 px-3 py-2 md:col-span-3">{{ $trainer->bio }}</textarea>
        </form>
    </div>
@endforeach
</div>
<div class="mt-4">{{ $trainers->links() }}</div>
@endsection