@extends('layouts.app')

<!-- Content Start -->
<div id="main-content">
        <div class="container-fluid">
            <div class="block-header">
                <div class="row clearfix">
                    <div class="col-md-6 col-sm-12">
                        <h2>Company Profile</h2>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">{{config('app.event.name')}}</a></li>
                                <li class="breadcrumb-item"><a href="#">Account</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Company Profile</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-12">
                    <div class="card social">
                        <div class="profile-header d-flex justify-content-between justify-content-center">
                            <div class="d-flex">
                                <div class="mr-3">
                                    <img src="{{asset('/organizer_images/'.$user->image)}}" class="rounded" alt="">
                                </div>
                                <div class="details">
                                    <h5 class="mb-0">{{$user->contact_person_name}}</h5>
                                    <span class="text-light">{{$user->email}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        @if($errors->any())
                            <div class="col-md-12 alert alert-danger">
                                <strong>{{$errors->first()}}</strong>
                            </div>
                        @endif
                    </div>
                    <div data-expires="5000" class="flash-message">
                        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                            @if(Session::has('alert-' . $msg))
                                <div data-expires="5020" class="col-md-12 alert alert-{{ $msg }}">
                                    <strong> {{ Session::get('alert-' . $msg) }} </strong>
                                </div>
                            @endif
                        @endforeach
                    </div>
                    <!-- end .flash-message -->
                </div>

                <div class="col-xl-4 col-lg-4 col-md-5">
                    <div class="card">
                        <div class="header">
                            <h2>Info</h2>
                            <ul class="header-dropdown dropdown">
                                <li><a href="javascript:void(0);" class="full-screen"><i class="icon-frame"></i></a></li>
                                <li class="dropdown">
                                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="javascript:void(0);">Action</a></li>
                                        <li><a href="javascript:void(0);">Another Action</a></li>
                                        <li><a href="javascript:void(0);">Something else</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="body">
                            <small class="text-muted">Company Name: </small>
                            <p>{{$user->company_name}}</p>
                            <hr>
                            <small class="text-muted">Contact Name: </small>
                            <p>{{$user->contact_person_name}}</p>
                            <hr>
                            <small class="text-muted">Email: </small>
                            <p>{{$user->email}}</p>
                            <hr>
                            <small class="text-muted">Mobile: </small>
                            <p>{{$user->number}}</p>
                            <hr>
                            <small class="text-muted">WhatsApp: </small>
                            <p>{{$user->whatsapp_number}}</p>
                            <hr>
                            <small class="text-muted">Social: </small>
                            <p><i class="fa fa-globe m-r-5"></i> {{$user->website}}</p>
                            <p><i class="fa fa-facebook  m-r-5"></i> {{$user->facebook}}</p>
                            <p><i class="fa fa-instagram  m-r-5"></i> {{$user->instagram}}</p>
                            <p><i class="fa fa-twitter m-r-5"></i> {{$user->twitter}}</p>

                            <p><i class="fa fa-linkedin m-r-5"></i> {{$user->linkedin}}</p>
                            <p><i class="fa fa-youtube m-r-5"></i> {{$user->youtube}}</p>
                            <small class="text-muted">Created At: </small>
                            <p><i class="fa fa-clock-o m-r-5"></i> {{date('d-m-Y', strtotime($user->created_at))}}</p>
                        </div>
                    </div>
                </div>

                <div class="col-xl-8 col-lg-8 col-md-7">
                    <div class="card">
                        <div class="header">
                            <h2>Basic Information</h2>
                            <ul class="header-dropdown dropdown">
                                <li><a href="javascript:void(0);" class="full-screen"><i class="icon-frame"></i></a></li>
                                <li class="dropdown">
                                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="javascript:void(0);">Action</a></li>
                                        <li><a href="javascript:void(0);">Another Action</a></li>
                                        <li><a href="javascript:void(0);">Something else</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="body">
                            <form method="post" action="{{route('organizer.profile.update', $user->id)}}" class="row clearfix">
                                @csrf
                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('company_name') is-invalid @enderror" value="{{$user->company_name}}" name="company_name" placeholder="Company Name">
                                        @error('company_name')
                                        <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('contact_person_name') is-invalid @enderror" value="{{$user->contact_person_name}}" name="contact_person_name" placeholder="Contact Person Name">
                                        @error('contact_person_name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="email" disabled value="{{$user->email}}" class="form-control @error('email') is-invalid @enderror" placeholder="Email">
                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="tel" class="form-control @error('number') is-invalid @enderror" name="number" value="{{$user->number}}" placeholder="Phone">
                                        @error('number')
                                        <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="tel" class="form-control @error('whatsapp_number') is-invalid @enderror" name="whatsapp_number" value="{{$user->whatsapp_number}}" placeholder="WhatsApp">
                                        @error('whatsapp_number')
                                        <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-12 header">
                                    <h2>Social Links</h2>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('website') is-invalid @enderror" value="{{$user->website}}" name="website" placeholder="Website">
                                        @error('website')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('facebook') is-invalid @enderror" value="{{$user->facebook}}" name="facebook" placeholder="Facebook">
                                        @error('facebook')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('twitter') is-invalid @enderror" value="{{$user->twitter}}" name="twitter" placeholder="Twitter">
                                        @error('twitter')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('instagram') is-invalid @enderror" value="{{$user->instagram}}" name="instagram" placeholder="Instagram">
                                        @error('instagram')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('linkedin') is-invalid @enderror" value="{{$user->linkedin}}" name="linkedin" placeholder="LinkedIn">
                                        @error('linkedin')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control @error('youtube') is-invalid @enderror" value="{{$user->youtube}}" name="youtube" placeholder="YouTube">
                                        @error('youtube')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-12 header">
                                    <h2>Change Password</h2>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="New Password">
                                        @error('password')
                                        <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <div class="form-group">
                                        <input type="password" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" placeholder="Password Confirm">
                                        @error('password_confirmation')
                                        <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-outline-info col-md-12">Update</button>
                                    </div>
                                </div>
                            </form>

                            <div class="col-12">
                                <ul class="list-group mb-3 tp-setting">
                                    <li class="list-group-item">
                                        Anyone seeing my profile page
                                        <div class="float-right">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </li>
                                    <li class="list-group-item">
                                        Anyone send me a message
                                        <div class="float-right">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </li>
                                    <li class="list-group-item">
                                        Anyone posts a comment on my post
                                        <div class="float-right">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </li>
                                    <li class="list-group-item">
                                        Anyone invite me to group
                                        <div class="float-right">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @include('exhibition.main_footer')
    </div>
<!-- Content End -->