@extends('layouts.master')

@section('title')
Team
@endsection

@section('extra-css')
<style>
    .team_img{
        width: 30%;
        height: 30%;
        border-radius: 3%; important;
    }
</style>
@endsection

@section('index')
<div class="content">
    <div class="col-md-12">
        <div class="card card-user">
            <div class="card-header">
                <h5 class="card-title">Team Detail</h5>
            </div>
            <div class="card-body">
                
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Name</label>
                        <input type="text" class="form-control" value="{{ $team->name }}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Position</label>
                        <input type="text" class="form-control" value="{{optional($team->position)->name}}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Credentials</label>
                        <input type="text" class="form-control" value="{{$team->credentials}}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Is Testimonial</label><br>
                        <input type="radio" value="1" @if($team->is_testimonial == 1) checked @endif disabled>
                        <label>Yes</label>
                        <input type="radio" value="0" @if($team->is_testimonial == 0) checked @endif disabled>
                        <label>No</label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">LinkIn Url</label>
                        <input type="text" class="form-control" value="{{$team->linkIn_url}}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Facebook Url</label>
                        <input type="text" class="form-control" value="{{$team->facebook_url}}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Twitter Url</label>
                        <input type="text" class="form-control" value="{{$team->twitter_url}}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Instagram Url</label>
                        <input type="text" class="form-control" value="{{$team->instagram_url}}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Quotes</label>
                        <textarea class="form-control" cols="50" rows="5" readonly>{{$team->remark}}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Image</label><br>
                        <img class="img-fluid team_img" src="{{url('storage/team_images').'/'.$team->image}}">
                    </div>
                </div>

                <a href="{!! route('teams.index') !!}" class="btn btn-primary pull-right">Back</a>	
            </form>
        </div>
    </div>
</div>
</div>
</div>
@endsection

@section('extra-script')

@endsection