@extends('layouts.web')

@section('content')

<div class="inner-body" style="padding: 25px; min-height:500px;">
    <div class="container">
        <div class="row">

            <div class="col-md-12">
                <div class="panel panel-default">

                    <style>
                        table {
                            width: 100%;
                            border-collapse: collapse;
                        }
                        table, th, td {
                            border: 1px solid black;
                        }
                        th, td {
                            padding: 10px;
                            text-align: left;
                        }
                        th {
                            background-color: #f2f2f2;
                        }
                    </style>

                    <div class="col-md-12 form-group">
                        <h2>Your Profile Details</h2>

                        @if($data)
                            <table>
                                <tr>
                                    <th>Your Name</th>
                                    <td>{{ $data->name ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>Life Member Number</th>
                                    <td>{{ $data->lifenumber ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>Date of Birth</th>
                                    <td>{{ $data->dob ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>Present Institute</th>
                                    <td>{{ $data->Institute ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>Mobile Number</th>
                                    <td>
                                        Official Number - {{ $data->phone ?? '' }} <br>
                                        Personal Number - {{ $data->phone2 ?? '' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Email ID</th>
                                    <td>
                                        Official Email ID - {{ $data->email ?? '' }} <br>
                                        Personal Email ID - {{ $data->email2 ?? '' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Official Address</th>
                                    <td>{{ $data->caddress ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>Permanent Address</th>
                                    <td>{{ $data->paddress ?? '' }}</td>
                                </tr>
                            </table>

                            <div class="panel-body mt-4">
                                <form class="form-horizontal" method="POST" action="{{ route('profile') }}">
                                    {{ csrf_field() }}
                                    <div class="row">

                                        <div class="col-md-6 form-group">
                                            <label for="Institute" class="control-label">Present Institute</label>
                                            <input id="Institute" type="text" class="form-control" name="Institute" 
                                                   value="{{ $data->Institute ?? '' }}" required autofocus>
                                        </div>

                                        <div class="col-md-6 form-group">
                                            <label for="caddress" class="control-label">Correspondence Address</label>
                                            <input type="text" class="form-control" name="caddress" 
                                                   value="{{ $data->caddress ?? '' }}">
                                        </div>

                                        <div class="col-md-6 form-group">
                                            <label for="phone" class="control-label">Phone (Office)</label>
                                            <input type="text" class="form-control" name="phone" 
                                                   value="{{ $data->phone ?? '' }}">
                                        </div>

                                        <div class="col-md-6 form-group">
                                            <label for="email" class="control-label">Email (Office)</label>
                                            <input type="text" class="form-control" name="email" 
                                                   value="{{ $data->email ?? '' }}">
                                        </div>

                                        <div class="col-md-12 form-group mt-3">
                                            <button type="submit" class="btn btn-primary">
                                                Update
                                            </button>
                                        </div>

                                    </div>
                                </form>
                            </div>

                        @else
                            <p style="color: red; font-weight: bold; font-size:16px;">
                                Please Update the Membership Form First.
                            </p>
                        @endif

                    </div>

                </div>
            </div>

        </div>
    </div>
</div>

@endsection