@extends('admin.includes.main')
@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-12">
                <h2 class="page-title menu-head">Add Team Member</h2>
                <div class="card shadow mb-4">
                    @if (@$team)
                    <form action="{{ route('admin.update_team', ['id' => $team->id]) }}" method="POST" enctype="multipart/form-data">
                    @else
                    <form action="{{ route('admin.post_team') }}" method="POST" enctype="multipart/form-data">
                    @endif

                        @csrf
                        <div class="card-body">
                            <div class="row">

                                <div class="col-md-9">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="name">Name</label>
                                                <input name="name" value="{{ old('name', @$team->name) }}" required type="text"
                                                    id="name" class="form-control @error('name') is-invalid @enderror">
                                                @error('name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="title">Title</label>
                                                <input name="title" value="{{ old('title', @$team->title) }}" required type="text"
                                                    id="title" class="form-control @error('title') is-invalid @enderror">
                                                @error('title')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="fb">FB</label>
                                                <input name="fb" value="{{ old('fb', @$team->fb) }}" type="text"
                                                    id="fb" class="form-control @error('fb') is-invalid @enderror">
                                                @error('fb')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="twitter">Twitter</label>
                                                <input name="twitter" value="{{ old('twitter', @$team->twitter) }}" type="text"
                                                    id="twitter" class="form-control @error('twitter') is-invalid @enderror">
                                                @error('twitter')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="insta">Insta</label>
                                                <input name="insta" value="{{ old('insta', @$team->insta) }}" type="text"
                                                    id="insta" class="form-control @error('insta') is-invalid @enderror">
                                                @error('insta')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="linkedin">Linkedin</label>
                                                <input name="linkedin" value="{{ old('linkedin', @$team->linkedin) }}" type="text"
                                                    id="linkedin" class="form-control @error('linkedin') is-invalid @enderror">
                                                @error('linkedin')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label for="meta_title">Meta Title</label>
                                                <input name="meta_title" value="{{ old('meta_title', @$team->meta_title) }}" required type="text"
                                                    id="meta_title" class="form-control @error('meta_title') is-invalid @enderror">
                                                @error('meta_title')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="meta_description">Meta Description</label>
                                                <textarea class="form-control @error('meta_description') is-invalid @enderror" name="meta_description" id="meta_description" cols="30" rows="4">{{ old('meta_description', @$team->meta_description) }}</textarea>

                                                @error('meta_description')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="meta_keywords">Meta Keywords</label>
                                                <textarea class="form-control @error('meta_keywords') is-invalid @enderror" name="meta_keywords" id="meta_keywords" cols="30" rows="4">{{ old('meta_keywords', @$team->meta_keywords) }}</textarea>

                                                @error('meta_keywords')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                    

                                </div>
                                <div class="col-md-3">
                                    <div class="row">

                                        <div class="col-12">
                                            <div id="imagePreview">
                                                @if (!empty(@$team->image))
                                                    <img height="160" src="{{ asset($team->image) }}" alt="" srcset="">
                                                @endif
                                            </div>
                                            {{-- <canvas id= "canv1" style="height: 100px;"></canvas> --}}
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="image">Image</label>
                                                <input type="file" name="image" multiple="false" ref="imagePreview" class="form-control imageUpload @error('image') is-invalid @enderror" accept="image/*" id="image">
                                                @error('image')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label for="description">Description</label>
                                        <textarea class="form-control tinymce @error('description') is-invalid @enderror" name="description" id="description" cols="30" rows="10">{{ old('description', @$team->description) }}</textarea>

                                        @error('description')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-12">
                                    <input type="submit" value="{{ 'Save' }}" class="btn btn-success">
                                </div>
                            </div>
                        </div>
                    </form>
                </div> <!-- / .card -->

            </div> <!-- .col-12 -->
        </div> <!-- .row -->
    </div>


@endsection