@extends('layouts.main')

@section('main-container')
    <div class="card">
        <div class="card-body">
            <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">Edit Program</span>
                    <!-- <h2>Edit Exercise</h2> -->
                </a>
            </div>

            <!-- <form method="POST" action="{{ route('team.update', $team->id) }}">
                    @csrf
                    @method('PUT')

                    
                    <label for="team_name">Team Name:</label>
                    <input type="text" name="team_name" id="team_name" value="{{ $team->team_name }}" />

                    <button type="submit">Update Team</button>
                </form> -->
            <form method="POST" action="{{ route('team.update', $team->id) }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <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="{{ $team->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", $team->description) }}</textarea>
                    @error('description')
                        <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror

                    <label for="imageUrl" class="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
                    <img src="{{ asset($team->team_image) }}" alt="" style="height:100px; width:100px;">
                    <br>

                    
                    <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', $team->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", $team->warmup_info) }}</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">
                    @if ($team->recommend == 1)
                        <input class="form-check-input" name="recommend" type="checkbox" value="" id="recommend"
                            checked>
                    @else
                        <input class="form-check-input" name="recommend" type="checkbox" value="" id="recommend">
                    @endif
                    <label class="form-check-label" for="recommend">
                        Recommended
                    </label>
                </div>


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