@extends('layouts.mypage')

@section('page-header')
    <h1 class="page-header">My L/C Info</h1>
@endsection


@section('content')
<style>

.col-sm-3 { text-align: right; }

/* My L/C Info style 2018.3.27.from lauren*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    
    .col-sm-3 { text-align: left; float: left;}

}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .col-sm-3 { text-align: left;float: left; }
    
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 100%;
    }
    .col-sm-3 { text-align: left;float: left; }
}

/* Student list table Style 2018.1.18.from lauren */
/* Student list table Style 2018.2.19.from lauren
   모바일에서 Title, Name만 나오도록 */
</style>

    <div class="panel">
        <div class="panel-body">

			@if(!$lc_info)
			<div class="row">
                <div class="col-sm-12" style="text-align:center;">
                    <p style="margin-top:50px;font-weight: bold; color:#aaa;font-size:20px;">No Local Coordinator connected.</p>
                </div>
            </div>
			@endif

			@if($lc_info)

            <div class="row">
                <div class="col-sm-3">
                    <p style="font-weight: bold; color:#000;">Name</p>
                </div>
                <div class="col-sm-6">
                    <p> {{$lc_info->inputFirstName}}  {{$lc_info->inputLastName}} </p>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <p style="font-weight: bold; color:#000;">Email</p>
                </div>
                <div class="col-sm-6">
                    <p> {{$lc_info->inputEmail}}  </p>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <p style="font-weight: bold; color:#000;">Phone</p>
                </div>
                <div class="col-sm-6">
                    <p> {{$lc_info->inputPhone}}  </p>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <p style="font-weight: bold; color:#000;">Address</p>
                </div>
                <div class="col-sm-6">
                    <p> {{$lc_info->inputAddrZip}}, {{$lc_info->inputAPTAddr}} {{$lc_info->inputStreetAddr}} {{$lc_info->inputAddrCity}} {{$lc_info->inputAddrState}}  </p>
                </div>
            </div>

			@endif
        </div>
    </div>

@endsection