@extends('backend.superadmin.index')
@section('body')

    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-body-light">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">{{$heading}} | {{$speaker->name}}</h1>
                    <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li>
                                <a href="{{url('superadmin/edufair/speakers')}}"  style="float: right;" class="btn btn-primary push pull-right"><i class="fa fa-list-alt"></i> List Speaker</a>
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <!-- END Hero -->
        <!-- Page Content -->
        <div class="content">
            @include('layouts.message')
        <!-- Full Table -->
            <div class="block block-rounded block-bordered">
                <div class="block-content">
                    <form action="{{url()->current()}}" method="post" enctype="multipart/form-data">
                        {{csrf_field()}}
                        <input type="hidden" name="client_id" value="{{request('client_id')}}">
                        <div class="row">
                            <div class="col-sm-8">
                                <div class="p-2 bg-light border mb-2">
                                    <h4>General Information</h4>
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <strong>Full name <span class="text-danger">*</span></strong>
                                        </span>
                                                </div>
                                                <input type="text" class="form-control" id="name"  value="{{$speaker->name}}" name="name" required>
                                            </div>
                                        </div>
                                        <div class="col-sm-6 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <strong>Designation <span class="text-danger">*</span></strong>
                                        </span>
                                                </div>
                                                <input type="text" name="designation" value="{{$speaker->designation}}" class="form-control" required>
                                            </div>
                                        </div>
                                        <div class="col-sm-6 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <strong>Expertise Area</strong>
                                        </span>
                                                </div>
                                                <input type="text" name="sector" value="{{$speaker->sector}}" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            @if(isset($speaker->photo))
                                                <div class="row">
                                                    <div class="col-sm-10">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="logo">Upload Photo</span>
                                                            </div>
                                                            <div class="custom-file">
                                                                <input type="file" class="custom-file-input" name="photo" id="logo"  aria-describedby="inputGroupFileAddon01">
                                                                <label class="custom-file-label" for="inputGroupFile01">Choose Photo</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <img class="img-avatar img-avatar48" src="{{config('filesystems.asset').'/'.'speakers'.'/'.$speaker->photo}}" alt="">
                                                    </div>
                                                </div>
                                            @else
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="logo">Upload Photo</span>
                                                    </div>
                                                    <div class="custom-file">
                                                        <input type="file" class="custom-file-input" name="photo" id="logo"  aria-describedby="inputGroupFileAddon01">
                                                        <label class="custom-file-label" for="inputGroupFile01">Choose Photo</label>
                                                    </div>
                                                </div>
                                            @endif

                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <strong>About Speaker</strong>
                                        </span>
                                                </div>
                                                <textarea name="profile" class="form-control">{!! $speaker->profile !!}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="p-2 bg-light border">
                                    <h4>Social Links</h4>
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong><i class="fab fa-facebook"></i></strong>
                                                </span>
                                                </div>
                                                <input type="url" class="form-control" id="fb_link"  value="{{$speaker->fb_link}}" name="fb_link">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong><i class="fab fa-twitter"></i></strong>
                                                </span>
                                                </div>
                                                <input type="url" class="form-control" id="twitter_link"  value="{{$speaker->twitter_link}}" name="twitter_link">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong><i class="fab fa-linkedin"></i></strong>
                                                </span>
                                                </div>
                                                <input type="url" class="form-control" id="linkedin_link"  value="{{$speaker->linkedin_link}}" name="linkedin_link">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong><i class="fab fa-instagram"></i></strong>
                                                </span>
                                                </div>
                                                <input type="url" class="form-control" id="instagram_link"  value="{{$speaker->instagram_link}}" name="instagram_link">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong><i class="fab fa-google-plus"></i></strong>
                                                </span>
                                                </div>
                                                <input type="url" class="form-control" id="google_link"  value="{{$speaker->google_link}}" name="google_link">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-12 mb-3">
                                <button class="btn btn-primary"><i class="fa fa-save"></i> Update</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- END Full Table -->
        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->


@endsection