@extends('layouts.master')

@section('content')
    <div class="container-xxl">

        <x-breadcrumb listRoute="{{ route('admin.teams.index') }}" model="Team" item="Edit"></x-breadcrumb>

        @php
            $teamContent = old('description') ?? $team->description;
        @endphp
        <div class="card">
            <div class="card-body">
                @include('layouts._includes._team-navigation', ['active' => 'team'])
                <x-form.wrapper action="{{ route('admin.teams.update', $team->id) }}" method="POST"
                    enctype="multipart/form-data">
                    @method('PATCH')
                    <x-form.row>
                        <x-form.input type="text" col="6" label="Name" :req="true" id="name"
                            name="name" value="{{ old('name') ?? $team->name }}" />
                        <x-form.input type="text" col="6" label="Slug" :req="true" id="slug"
                            name="slug" value="{{ old('slug') ?? $team->slug }}" />
                    </x-form.row>


                    <x-form.row>
                        <div class="col-lg-6">
                            <x-form.input type="file" label="Image" :req="true" id="image" name="image"
                                accept="image/*,video/*" onchange="previewThumb(this,'featured-thumb')" />
                            <x-form.preview id="featured-thumb" url="{{ $team->feature_image->getPath() }}" />
                        </div>
                        <div class="col-lg-6">
                            <x-form.select label="Team Category" :req="true" :model="$team->category_id" :options="$teamCategories"
                                name="category_id"></x-form.select>
                        </div>
                    </x-form.row>

                    <x-form.row>
                        <x-form.input type="text" :req="true" col="4" label="Post" id="post"
                            name="post" value="{{ old('post') ?? $team->post }}" />

                        <x-form.input type="number" :req="true" col="4" label="Order No." id="slug"
                            name="order" value="{{ old('order') ?? $team->order }}" />
                        <x-form.input type="text" col="4" label="Phone Number" id="phone" name="phone"
                            value="{{ old('phone') ?? $team->phone }}" />
                    </x-form.row>

                    <x-form.row>
                        <x-form.input type="text" col="4" label="Email" :req="true" id="email"
                            name="email" value="{{ old('email') ?? $team->email }}" />
                        <x-form.input type="text" col="4" label="FB Link" id="fb_link" name="fb_link"
                            value="{{ old('fb_link') ?? $team->fb_link }}" />

                        <x-form.input type="text" col="4" label="Instagram Link" id="insta_link" name="insta_link"
                            value="{{ old('insta_link') ?? $team->insta_link }}" />

                        <x-form.input type="text" col="4" label="Twitter Link" id="x_link" name="x_link"
                            value="{{ old('x_link') ?? $team->x_link }}" />


                        <x-form.input type="text" col="4" label="Linkedin Link" id="linkedin_link"
                            name="linkedin_link" value="{{ old('linkedin_link') ?? $team->linkedin_link }}" />

                    </x-form.row>

                    <x-form.textarea isEditor="true" :req="true" label="Description" id="description"
                        name="description" value="{!! $teamContent !!}" rows="5" cols="5" />


                    <div class="px-1 mt-3">
                        <x-form.row>
                            <div class="col-2">
                                <x-form.checkbox label="Is Expert" id="is_expert" name="is_expert" value="1"
                                    class="form-check-input" :isChecked="$team->is_expert ? 'checked' : ''" />
                            </div>
                            <div class="col-2">
                                <x-form.checkbox label="Status" id="status" name="status" value="1"
                                    class="form-check-input" :isChecked="$team->status ? 'checked' : ''" />
                            </div>
                        </x-form.row>
                    </div>

                    <x-form.button class="btn btn-sm btn-dark" type="submit"><i class='bx bx-save bx-xs'></i> Save
                    </x-form.button>
                </x-form.wrapper>
            </div>
        </div>
    </div>w
@endsection

@push('custom_js')
    {{-- @include('_helpers.slugify', ['title' => 'name']) --}}
    @include('_helpers.image_preview', ['name' => 'image'])
    @include('_helpers.ck_editor', ['textarea_id' => 'description'])
    @include('_helpers.ajax_form')
@endpush