@extends('dashboard::layouts.app')

@section('title')
    <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
        Edit Team
    </h5>
@endsection

@section('content')
    <div class="card card-custom " data-card="true" id="kt_card_4">
        <div class="card-header">
            <h3 class="card-title">
                Edit Team
            </h3>
        </div>
        <form class="form" action="{{ route('team.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-body">

                <input type="hidden" name="id" value="{{ $team->id }}">

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right">Select Category:</label>
                    <div class="col-lg-8">
                        <select class="form-control mb-2 selectpicker" name="category" data-size="4">
                            <option value="1" {{ $team->category == 1 ? 'selected' : '' }}>Executive</option>
                            <option value="2" {{ $team->category == 2 ? 'selected' : '' }}>Staff</option>
                            <option value="3" {{ $team->category == 3 ? 'selected' : '' }}>Youth Innovators</option>
                            <option value="4" {{ $team->category == 4 ? 'selected' : '' }}>Youth Activist Leadership Council Banke</option>
                            <option value="5" {{ $team->category == 5 ? 'selected' : '' }}>Youth Activist Leadership Council Kathmandu</option>
                        </select>
                        @error('category')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Full Name:</label>
                    <div class="col-lg-3">
                        <input type="text" name="full_name" class="form-control mb-2" placeholder="Enter full name here" value="{{ $team->full_name }}" required />
                        @error('full_name')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <label class="col-lg-2 col-form-label text-right"> Designation:</label>
                    <div class="col-lg-3">
                        <input type="text" name="designation" class="form-control mb-2" placeholder="Enter designation here" value="{{ $team->designation }}" required />
                        @error('designation')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Phone:</label>
                    <div class="col-lg-3">
                        <input type="text" name="phone" class="form-control mb-2" placeholder="Enter phone here" value="{{ $team->phone }}" />
                        @error('phone')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <label class="col-lg-2 col-form-label text-right"> Email:</label>
                    <div class="col-lg-3">
                        <input type="text" name="email" class="form-control mb-2" placeholder="Enter email here" value="{{ $team->email }}" />
                        @error('email')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Facebook url:</label>
                    <div class="col-lg-3">
                        <input type="text" name="facebook_id" class="form-control mb-2" placeholder="Enter facebook url here" value="{{ $team->facebook_id }}" />
                        @error('facebook_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <label class="col-lg-2 col-form-label text-right"> Instagram url:</label>
                    <div class="col-lg-3">
                        <input type="text" name="instagram_id" class="form-control mb-2" placeholder="Enter instagram here" value="{{ $team->instagram_id }}" />
                        @error('instagram_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Twitter url:</label>
                    <div class="col-lg-3">
                        <input type="text" name="twitter_id" class="form-control mb-2" placeholder="Enter twitter url here" value="{{ $team->twitter_id }}" />
                        @error('twitter_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <label class="col-lg-2 col-form-label text-right"> LinkedIn url:</label>
                    <div class="col-lg-3">
                        <input type="text" name="linkedin_id" class="form-control mb-2" placeholder="Enter linkedin here" value="{{ $team->linkedin_id }}" />
                        @error('linkedin_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right">Quote:</label>
                    <div class="col-lg-8">
                        <textarea class="form-control @error('quote') is-invalid @enderror" name="quote" rows="5">{{ $team->quote }}</textarea>
                        @error('quote')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> User Image:</label>
                    <div class="col-lg-8">
                        <input type="file" name="main_image" class="form-control mb-2" placeholder="Choose user image here" value="{{ $team->main_image }}" />
                        <img src="{{ url('uploads/images/team/main_image/' . $team->main_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('main_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-lg-3 col-form-label">Status</label>
                    <div class="col-lg-8 col-form-label">
                        <div class="radio-inline">
                            <label class="radio radio-success">
                                <input type="radio" name="status" value="1"  />
                                <span></span>
                                Active
                            </label>
                            <label class="radio radio-danger">
                                <input type="radio" name="status" value="0" checked="checked" />
                                <span></span>
                                Inactive
                            </label>
                        </div>
                    </div>
                </div>

            </div>

            <div class="card-footer">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <button type="submit" class="btn btn-success mr-2">Update Team</button>
                        <a href="{{ url()->previous() }}" class="btn btn-default">Cancel</a>

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