@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Emergency Contacts')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Emergency Contacts</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('emergency_contacts.index') }}">Emergency Contacts</a></li>
                    <li class="breadcrumb-item active">Show</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="container">

                        <div class="row mb-2">
                            <div class="col-12 p-4">
                                <a href={{ route('emergency_contacts.index') }} class="btn btn-secondary"><i
                                        class="fas fa-arrow-left"></i> Back</a>
                            </div>
                        </div>
                        <hr class="bg-secondary">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="card border-light m-4">
                            <div class="card-header bg-light text-xl">
                                <span class="float-left">Viewing: {{ $emergencies->name }}</span>
                                @if ($emergencies->primary == 1)
                                    <span class="float-right badge-info rounded p-1">Primary</span>
                                @endif
                            </div>


                            {{-- <div class="card-header bg-light text-xl">Viewing: {{$emergencies->name}} </div> --}}
                            <div class="card-body text-lg">
                                <div class="card-text">
                                    <div>
                                        <label id="namelab" for="name">Full Name:</label>
                                        {{ $emergencies->name }}
                                    </div>
                                    <div>
                                        <label id="realtionshiplab" for="relationship">Relationship:</label>
                                        {{ $emergencies->relationship }}
                                    </div>

                                    <div>
                                        <label id="tellab" for="telephone">Telephone Number:</label>
                                        {{ $emergencies->telephone }}
                                    </div>
                                    <div>
                                        <label id="moblab" for="mobile">Mobile Number:</label>
                                        {{ $emergencies->mobile }}
                                    </div>
                                    <div>
                                        <label id="emaillab" for="email">Email:</label>
                                        <a href="mailto:{{ $emergencies->email }}">{{ $emergencies->email }}</a>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div>
                                        <label id="address1lab" for="address1">Address:</label>
                                        {{ $emergencies->address1 }}, {{ $emergencies->address2 }} @if (empty($emergencies->address3))
                                        @else
                                            {{ $emergencies->address3 }},
                                        @endif
                                        {{ $emergencies->town }}, {{ $emergencies->postcode }},
                                        {{ $emergencies->country }}
                                    </div>
                                    <hr class="bg-secondary">
                                    <div>
                                        <label id="notelab" for="note">Notes:</label>
                                        {{ $emergencies->note }}
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="m-2">
                                        <a href="{{ route('emergency_contacts.edit', $emergencies->id) }}"
                                            class="btn btn-primary mr-4"><i class="fa fa-pen"></i> Edit</a>
                                    </div>
                                </div>
                            </div>
                        </div>



                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    &nbsp;
@stop