@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">{{__('texte.types_arr.show.show_type')}}</h3>
                    <div class="pull-right">
                        <a class="btn btn-warning" href="{{route('types.edit',$type->id)}}" @cannot('edit_types') disabled="disabled" @endcannot>{{__('texte.types_arr.show.edit')}}</a>
                        <a class="btn btn-primary" href="{{route('types.index')}}" @cannot('list_types') disabled="disabled" @endcannot>{{__('texte.types_arr.show.types')}}</a>                        
                    </div>
                </div>

                <div class="panel-body">

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.types_arr.show.name')}}: </strong>
                            {{ $type->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.types_arr.show.active')}}: </strong>
                            {{ $type->active==1 ? __('texte.types_arr.show.yes') : __('texte.types_arr.show.no')}}
                        </div>
                    </div>

                    @if(count($type->subtypes)>0)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.types_arr.show.subtypes')}}: </strong>
                            @foreach ($type->subtypes as $subtype)
                                <a class="btn btn-info btn-xs" href="{{ route('subtypes.show', $subtype->id) }}">{{ $subtype->name }}</a>
                            @endforeach
                        </div>
                    </div>
                    @endif
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>
@endsection