@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<div class="content-body">
    <div class="container-fluid">
        <div class="form-head d-flex mb-3 mb-md-4 align-items-start">
            <div class="me-auto d-none d-lg-block">
                <h3 class="font-w600">{{ isset($team) ? 'Edit Team' : 'Add Team' }}</h3>
            </div>
            <div class="ms-auto">
                <a href="{{route('admin.team-list')}}" class="btn btn-secondary">Back</a>
            </div>
        </div>
        @include('includes.message') 
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.team-submit') }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            @if(isset($team))
                            <input type="hidden" name="id" value="{{ $team->id }}">
                            @endif

                            <div class="mb-3">
                                <label for="Category" class="form-label">Category</label>
                                <select class="form-control" id="Category" name="category" required>
                                    <option value="" disabled {{ !isset($team) ? 'selected' : '' }}>Select a category</option>
                                    @foreach($categories as $category)
                                    <option value="{{ $category->id }}" {{ isset($team) && $team->category_id == $category->id ? 'selected' : '' }}>
                                        {{ $category->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label for="pic" class="form-label">Image<span class="text-danger">*</span> (400x400px)</label>
                                @if(isset($team) && $team->pic)
                                <div class="mb-2">
                                    <img src="{{ asset('team/' . $team->pic) }}" width="100">
                                </div>
                                @endif
                                <input type="file" class="form-control" id="pic" accept="image/*" name="pic" {{ !isset($team) ? 'required' : '' }}>
                            </div>

                            <div class="mb-3">
                                <label for="name" class="form-label">Name</label>
                                <input type="text" class="form-control" id="name" name="name" value="{{ isset($team) ? $team->name : '' }}" required>
                            </div>

                            <div class="mb-3">
                                <label for="linkedin" class="form-label">Linkedin Profile</label>
                                <input type="text" class="form-control" id="linkedin" name="linkedin" value="{{ isset($team) ? $team->linkedin : '' }}" required>
                            </div>

                            <div class="mb-3">
                                <label for="designation" class="form-label">Designation</label>
                                <input type="text" class="form-control" id="designation" name="designation" value="{{ isset($team) ? $team->designation : '' }}" required>
                            </div>
                            <div class="mb-3">
                                <label for="Sequence" class="form-label">Sequence</label>
                                <input type="number" class="form-control" id="sequence" name="sequence" value="{{ isset($team) ? $team->sequence : '' }}">
                            </div>
                            <div class="mb-3">
                                <select class="form-select" id="status" name="status" required>
                                    <option value="">Status</option>
                                    <option value="active" {{ isset($team) && $team->status == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="inactive" {{ isset($team) && $team->status == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>

                            <button type="submit" class="btn btn-primary">{{ isset($team) ? 'Update' : 'Submit' }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection