@extends('layouts.main')

@section('main-container')
    <div class="tab-content">
        <!--begin::Tab pane-->
        <div class="tab-pane fade show active" id="kt_ecommerce_add_product_general" role="tab-panel">
            <div class="d-flex flex-column gap-7 gap-lg-10">

                <!--begin::General options-->
                <div class="card card-flush py-4">
                    <!--begin::Card header-->
                    <div class="card-header">
                        <div class="card-title">
                            <div class="d-flex align-items-center" style="margin-top: 4rem;margin-bottom: 1.5rem;">
                                <a href="{{ url('/teams') }}" class="">
                                    <svg style="margin-top: -3px;" width="24" height="25" viewBox="0 0 24 25"
                                        fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M19 12.5H5" stroke="#200F31" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path d="M12 19.5L5 12.5L12 5.5" stroke="#200F31" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>

                                    <span class="ms-2 fs-1hx h2"
                                        style="color:#200F31;font-size:18px;margin-left:40px">Create Program</span>
                                    <!-- <h2>Edit Exercise</h2> -->
                                </a>
                            </div>
                        </div>
                    </div>

                    <!--end::Card header-->
                    {{-- @if (session('success'))
                        <div class="alert alert-success mt-3">
                            {{ session('success') }}
                        </div>
                    @endif --}}
                    <div class="card-body pt-0">
                        <form method="POST" action="{{ route('team.store') }}" enctype="multipart/form-data">
                            @csrf


                            <div class="mb-10 fv-row fv-plugins-icon-container">
                                <label for="team_name" class="required form-label">Program Name</label>

                                <input type="text" name="team_name" id="team_name"
                                    class="form-control mb-2 @error('team_name') is-invalid @enderror"
                                    placeholder="Program Name" value="{{ old('team_name') }}">
                                @error('team_name')
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror

                                <label for="description" class="required form-label">Description</label>

                                <textarea name="description" id="description"
                                    class="form-control mb-2 adjust_textarea @error('description') is-invalid @enderror"
                                    placeholder="Description">{{ old("description") }}</textarea>
                                @error('description')
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror

                                <label for="imageUrl" class="required form-label">Image URL</label>
                                <input type="file" class="form-control mb-2 @error('imageUrl') is-invalid @enderror"
                                    name="imageUrl" placeholder="Enter image URL">
                                <!-- <small class="text-muted">Or enter a image URL</small> -->
                                @error('imageUrl')
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror

                                <label for="order_number" class="required form-label">Order Number</label>

                                <input type="text" name="order_number" id="order_number"
                                    class="form-control mb-2 @error('order_number') is-invalid @enderror"
                                    placeholder="Order Number" value="{{ old('order_number') }}">
                                @error('order_number')
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror

                                {{-- <label for="warmupinfo" class="required form-label">Warm Up Instructions</label>
                                <textarea class="form-control mb-2 @error('warmupinfo') is-invalid @enderror" name="warmupinfo" rows="3"
                                    placeholder="Warm Up Instructions">{{ old('warmupinfo') }}</textarea>
                                @error('warmupinfo')
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror --}}

                                <div class="form-check mt-3">
                                    <input class="form-check-input" name="recommend" type="checkbox" value=""
                                        id="recommend" checked>
                                    <label class="form-check-label" for="recommend">
                                        Recommended
                                    </label>
                                </div>


                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>

                    </div>
                </div>
            </div>
        @endsection