@extends('layouts.dashboard')


@section('title-content')
    <title>{{ config('app.name') }} | Profile</title>
@endsection


@section('content')
    <div class="row">

        <div class="col-sm-9">

            <!-- Custom Tabs -->
            <div class="nav-tabs-customx">
                <ul class="nav nav-tabs tabs-bordered" id="tabMenu">
                    <li class=" nav-item"><a class="nav-link active" href="#details" data-toggle="tab"
                            aria-expanded="false">@lang('auth.details')</a></li>
                    <li class=" nav-item"><a class="nav-link" href="#edit" data-toggle="tab"
                            aria-expanded="false">@lang('auth.edit')</a></li>
                    <li class="nav-item"><a class="nav-link" href="#cpassword" data-toggle="tab"
                            aria-expanded="false">@lang('auth.change_password')</a></li>
                    <li class="nav-item"><a class="nav-link" href="#avatar" data-toggle="tab"
                            aria-expanded="false">@lang('auth.profile_picture')</a></li>

                    <li class="nav-item pull-right"><a href="#settings" class="nav-link text-muted" data-toggle="tab"
                            aria-expanded="false"><i class="fa fa-gear"></i></a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="details">
                        <div class="boxpane">
                            <div class="boxpane-header">
                                <h2 class="blue"><i class="fa-fw fa fa-info nb"></i>@lang('auth.student_details')</h2>
                            </div>
                            <div class="boxpane-content">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table-hover table-bordered table-striped" style="width: 100%">
                                                <tbody>
                                                    <tr>
                                                        <th>First Name:</th>
                                                        <td>{{ $student->user->first_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Middle Name:</th>
                                                        <td>{{ $student->user->middle_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Surname:</th>
                                                        <td>{{ $student->user->last_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Gender:</th>
                                                        <td>{{ $student->user->gender }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Registration No:</th>
                                                        <td>{{ $student->reg_no }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Program Name:</th>
                                                        <td>{{ $student->program->program_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Program Type:</th>
                                                        <td>{{ $student->program->program_type }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Year Of Study:</th>
                                                        <td>{!! $srs->year_level($student->year_of_study) !!} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Department:</th>
                                                        <td>{{ $student->program->department->department_name }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>faculty/School:</th>
                                                        <td>{{ $student->program->department->faculty->faculty_name }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>College:</th>
                                                        <td>{{ $student->program->department->faculty->college->college_name }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Date of Birth</th>
                                                        <td>{{ $student->dob }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Status:</th>
                                                        <td>{{ $student->status }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Registration Status:</th>
                                                        <td>{{ $srs->registration_status($student->reg_status) }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Admission Date:</th>
                                                        <td>{{ $srs->formatDate($student->created_at) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Mobile Number:</th>
                                                        <td>{{ $student->mobile_no }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Email Address:</th>
                                                        <td>{{ $student->email_address }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Citizenship:</th>
                                                        <td>{{ $student->citizenship }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Sponsorship:</th>
                                                        <td> {{ $student->sponsorship }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Batch:</th>
                                                        <td> {{ $student->batch->batch_name }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="edit">
                        <div class="boxpane">
                            <div class="boxpane-header">
                                <h2 class="blue"><i class="fa-fw fa fa-edit nb"></i>@lang('auth.edit_profile')</h2>
                            </div>

                            <div class="boxpane-content">

                                {!! Form::model($student->user, [
                                    'method' => 'PATCH',
                                    'route' => ['student-panel.students.update.details', $srs->encode($student->user->id)],
                                ]) !!}

                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('username', 'Username') !!}
                                            {!! Form::text('username', null, ['placeholder' => 'Username', 'disabled', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('first_name', 'First Name') !!}
                                            {!! Form::text('first_name', $student->user->first_name, [
                                                'placeholder' => 'First Name',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('middle_name', 'Middle Initial') !!}
                                            {!! Form::text('middle_name', $student->user->middle_name, [
                                                'placeholder' => 'Middle Initial',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('last_name', 'Surname') !!}
                                            {!! Form::text('last_name', $student->user->last_name, ['placeholder' => 'Surname', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('form4_index_no', 'Form Four Index No') !!}
                                            {!! Form::text('form4_index_no', $student->form4_index_no, [
                                                'placeholder' => 'Form Four Index No',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('form6_index_no', 'Form Six Index No') !!}
                                            {!! Form::text('form6_index_no', $student->form6_index_no, [
                                                'placeholder' => 'Form Six Index No',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('gender', 'Gender') !!}
                                            {!! Form::select('gender', ['M' => 'Male', 'F' => 'Female'], $student->user->gender, [
                                                'id' => 'gender',
                                                'placeholder' => 'Select Gender',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('dob', 'Date Of Birth') !!}
                                            {!! Form::text('dob', $student->dob, ['placeholder' => 'Date Of Birth', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('dob_place', 'Place of Birth') !!}
                                            {!! Form::text('dob_place', $student->dob_place, ['placeholder' => 'Place of Birth', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('mobile_no', 'Mobile Number') !!}
                                            {!! Form::text('mobile_no', $student->mobile_no, ['placeholder' => 'Mobile Number', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('mailing_address', 'Mailing Address (Postal)') !!}
                                            {!! Form::text('mailing_address', $student->mailing_address, [
                                                'placeholder' => 'Mailing Address (Postal)',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('next_of_kin_mobile', 'Next of Kin Address (mobile number)') !!}
                                            {!! Form::text('next_of_kin_mobile', $student->next_of_kin_mobile, [
                                                'placeholder' => 'Next of Kin Address (mobile number)',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('email_address', 'Email') !!}
                                            {!! Form::text('email_address', $student->email_address, ['placeholder' => 'Email', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('citizenship', 'Select Citizenship') !!}
                                            {!! Form::select('citizenship', $countries, $student->citizenship, [
                                                'id' => 'citizenship',
                                                'placeholder' => 'Select Citizenship',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('sponsorship', 'Select Sponsorship') !!}
                                            {!! Form::select(
                                                'sponsorship',
                                                ['HESLB' => 'HESLB', 'PRIVATE' => 'PRIVATE', 'OTHERS' => 'OTHERS'],
                                                $student->sponsorship,
                                                ['id' => 'sponsorship', 'placeholder' => 'Select Sponsorship', 'class' => 'form-control'],
                                            ) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('account_no', 'Account Number') !!}
                                            {!! Form::text('account_no', $student->account_no, [
                                                'placeholder' => 'Account Number',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('bank_name', 'Bank Name') !!}
                                            {!! Form::text('bank_name', $student->bank_name, ['placeholder' => 'Bank Name', 'class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('is_disabled', 'Physical Challenges') !!}
                                            {!! Form::select('is_disabled', ['1' => 'Disabled', '0' => 'Non Disabled'], $student->is_disabled, [
                                                'id' => 'is_disabled',
                                                'placeholder' => 'Select Physical Challenges',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('entry_qualification', 'Entry Qualification') !!}
                                            {!! Form::select(
                                                'entry_qualification',
                                                ['Direct Entry' => 'Direct Entry', 'Equivalent Entry' => 'Equivalent Entry'],
                                                $student->entry_qualification,
                                                ['id' => 'entry_qualification', 'placeholder' => 'Select Entry Qualification', 'class' => 'form-control'],
                                            ) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('batch_id', 'Select Batch') !!}
                                            {!! Form::select('batch_id', $batches, $student->batch_id, [
                                                'id' => 'batch_id',
                                                'placeholder' => 'Select Batch',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    {{-- @dd($student->admission_date,$student->admission_end_date) --}}
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('admission_date', 'Admission Date') !!}
                                            {!! Form::date('admission_date', \Carbon\Carbon::parse($student->admission_date), [
                                                'id' => 'admission_date',
                                                'placeholder' => 'Admission Date',
                                                'class' => 'form-control',
                                            ]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('admission_end_date', 'Admission End Date') !!}
                                            {!! Form::date(
                                                'admission_end_date',
                                                $student->admission_end_date == null ? '' : \Carbon\Carbon::parse($student->admission_end_date),
                                                ['id' => 'admission_end_date', 'placeholder' => 'Admission End Date', 'class' => 'form-control'],
                                            ) !!}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-12 col-md-12 pull-right">
                                        <div class="form-group">

                                            {!! Form::submit('Update', ['class' => 'btn btn-lg btn-primary pull-right']) !!}
                                        </div>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                    <div class="tab-pane" id="cpassword">
                        <div class="boxpane">
                            <div class="boxpane-header">
                                <h2 class="blue"><i class="fa-fw fa fa-key nb"></i>@lang('auth.change_password')</h2>
                            </div>
                            <div class="boxpane-content">
                                {!! Form::model($student->user, [
                                    'method' => 'PATCH',
                                    'route' => ['student-panel.students.update.password', $srs->encode($student->user->id)],
                                ]) !!}

                                <div class="row">
                                    <div class="col-lg-8">

                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('new-password', 'New Password') !!}
                                                {!! Form::password('new-password', ['placeholder' => 'New Password', 'class' => 'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('new-password-confirm', 'Confirm New Password') !!}
                                                {!! Form::password('new-password-confirm', ['placeholder' => 'Confirm New Password', 'class' => 'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12 float-right">
                                            <div class="form-group">

                                                {!! Form::submit('Update', ['class' => 'btn btn-lg btn-primary pull-right']) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                    <div class="tab-pane" id="avatar">
                        <div class="boxpane">
                            <div class="boxpane-header">
                                <h2 class="blue"><i class="fa-fw fa fa-file-picture-o nb"></i>@lang('auth.change_avatar')
                                </h2>
                            </div>
                            <div class="boxpane-content">
                                {!! Form::model($student->user, [
                                    'method' => 'PATCH',
                                    'route' => ['student-panel.students.update.avatar', $srs->encode($student->user->id)],
                                    'enctype' => 'multipart/form-data',
                                ]) !!}
                                <div class="row">
                                    <div class="col-sm-5">
                                        <div style="position: relative;">

                                            <img alt="" src="{{ $student->user->present()->avatar }}"
                                                class="profile-image img-thumbnail">
                                            {{-- <a href="#" class="btn btn-danger btn-xs po" --}}
                                            {{-- style="position: absolute; top: 0;" title="@lang('delete_avatar')" --}}
                                            {{-- data-content="<p>@lang('app.r_u_sure')</p><a class='btn btn-block btn-danger po-delete' href='{{url('students',0)}}'>@lang('app.i_m_sure')</a> <button class='btn btn-block po-close'>@lang('no')</button>" --}}
                                            {{-- data-html="true" rel="popover"><i class="fa fa-trash-o"></i></a> --}}
                                            <br>
                                            <br>

                                        </div>
                                    </div>
                                    <div class="col-sm-6 offset-1">
                                        <div class="form-group">
                                            {!! Form::label('avatar', trans('auth.avatar')) !!}
                                            {!! Form::file('avatar', [
                                                'id' => 'avatar',
                                                'class' => 'form-control file',
                                                'data-show-upload' => 'false',
                                                'data-show-preview' => 'true',
                                                'accept' => 'image/*',
                                            ]) !!}
                                        </div>
                                        <div class="form-group pull-right">
                                            {!! Form::submit('Update', ['class' => 'btn btn-primary form-control pull-right']) !!}
                                        </div>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- nav-tabs-custom -->


        </div>
        <div class="col-sm-2  offset-1">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <div style="max-width:200px; margin: 0 auto;">

                        <img alt="" src="{{ $student->user->present()->avatar }}" class="avatar">

                    </div>
                    <h4>@lang('auth.login_username')</h4>

                    <p><i class="fa fa-envelope"></i> {{ $student->reg_no }}</p>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/css/select') }}/select2.min.css" />
    <link rel="stylesheet" href="{{ asset('assets/css/bootstrap') }}/fileinput.min.css" />
@endsection
@section('scripts')
    <script src="{{ asset('assets/js/select') }}/select2.min.js"></script>
    <script src="{{ asset('assets/js/bootstrap') }}/fileinput.min.js"></script>

    <script>
        $('#gender,#batch_id').select2({
            minimumResultsForSearch: -1,
        })
        $('#entry_qualification').select2({
            minimumResultsForSearch: -1,
        })
        $('#is_disabled').select2({
            minimumResultsForSearch: -1,
        })
        $('#sponsorship').select2({
            minimumResultsForSearch: -1,
        })
        $('#citizenship').select2({})
        $(document).on('ready', function() {
            $("#avatar").fileinput({
                showUpload: false,
                dropZoneEnabled: false,
                mainClass: "input-group-lg"
            });
        });

        $(document).ready(function() {
            $('#tabMenu a[href="#{{ old('tab') }}"]').tab('show')
        });
    </script>
@endsection