@include('links.header')
<b>Profile</b>
<button type="button" class="btn bg-indigo waves-effect pull-right" data-toggle="modal" data-target="#editProfileModal">
    <i class="material-icons">edit</i>
</button>
<div class="body table-responsive">
                            <table class="table">
                                <tbody>
                                  <tr>
                                    <th>First Name </th>
                                    <th>:</th>
                                    <td></td>
                                  </tr>
                                  <tr>
                                    <th>Last Name </th>
                                    <th>:</th>
                                    <td></td>
                                  </tr>
                                  <tr>
                                    <th>Email </th>
                                    <th>:</th>
                                    <td></td>
                                  </tr>
                                  <tr>
                                    <th>Mobile </th>
                                    <th>:</th>
                                    <td></td>
                                  </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal fade" id="editProfileModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="defaultModalLabel">Edit Profile</h4>
                        </div>
                        <div class="modal-body">
                        <form action="/profile/update" method="POST">
                        @csrf
                        <table class="table">
                         
                                <tbody>
                                  <tr>
                                    <th>First Name </th>
                                    <th>:</th>
                                    <td><input type="text" value="{{ $data[0]->first_name ? $data[0]->first_name : '' }}" id="first_name" name="first_name" required></td>
                                  </tr>
                                  <tr>
                                    <th>Last Name </th>
                                    <th>:</th>
                                    <td><input type="text" value="{{ $data[0]->last_name ? $data[0]->last_name : '' }}" id="last_name" name="last_name" required></td>
                                  </tr>
                                  <tr>
                                    <th>Email </th>
                                    <th>:</th>
                                    <td><input type="text" value="{{ $data[0]->email ? $data[0]->email : '' }}" id="last_name" name="email" disabled></td>
                                  </tr>
                                  <tr>
                                    <th>Mobile </th>
                                    <th>:</th>
                                    <td><input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                              maxlength="10" value="{{ $data[0]->mobile ? $data[0]->mobile : '' }}" id="mobile" name="mobile"></td>
                                  </tr>
                                </tbody>
                        
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-link waves-effect">SAVE CHANGES</button>
                            <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
@include('links.footer')