@extends('user.layout.master')
@section('content')
    <div class="clearfix"></div>
    <style>
        section {
            padding: 130px 0;
        }

        @media (min-width: 992px) {
            .cls {
                width: 70vh;
            }
        }

    </style>
    <!-- Title Header Start -->
    <section class="inner-header-title" style="background-image:url(user/assets/img/banner-10.jpg);">
        <div class="container cls">
            <h1>Event Manager Profile</h1>
        </div>
    </section>
    <div class="clearfix"></div>
    <!-- Title Header End -->

    <!-- Candidate Profile Start -->
    <section class="detail-desc advance-detail-pr gray-bg">
        <div class="container cls">
            <div class="ur-detail-wrap create-kit padd-bot-0">

                <div class="row">
                    <div class="detail-pic">

                        @if (!empty(Auth::guard('eventManagement')->user()->image))
                            <img src="{{ asset('/uploads/event/profile/' . Auth::guard('eventManagement')->user()->image) }}"
                                class="img" alt="" />
                            <a href="#" class="detail-edit" title="edit">
                            </a>
                        @else
                            <img src="{{ asset('user/assets/img/can-2.png') }}" class="img" alt="" /><a
                                href="#" class="detail-edit" title="edit"></a>
                        @endif
                    </div>
                    {{-- <div class="detail-status"><span>Active Now</span></div> --}}
                </div>

                <div class="row bottom-mrg">
                    <div class="col-md-12 col-sm-12">
                        <div class="advance-detail detail-desc-caption">
                            <h4>{{ Auth::guard('eventManagement')->user()->name }}</h4><span class="designation">Event
                                Management</span>

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

            </div>
        </div>

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

    <section class="full-detail-description full-detail gray-bg">
        <div class="container">
            <div class="col-md-12 col-sm-12">
                <div class="full-card">
                    <div class="deatil-tab-employ tool-tab">
                        <ul class="nav simple nav-tabs" id="simple-design-tab">
                            <li class="active"><a href="#Profile">Profile</a></li>
                            <li><a href="#Venues">Venues</a></li>
                            {{-- <li><a  href="{{route('home')}}">Find A Dj</a></li> --}}
                        </ul>



                        <!-- Start All Sec -->
                        <div class="tab-content">
                            <!-- Start Settings -->
                            <div id="Profile" class="tab-pane fade in active">
                                <div class="row no-mrg">
                                    <h3>Profile</h3>
                                    <div class="edit-pro">
                                        <form action="{{ route('eventManagement.pro.update') }}" method="post"
                                            enctype="multipart/form-data">
                                            @csrf
                                            {{-- <input type="hidden" name="id" @if (!empty($eventManagementDetails))value="{{$eventManagementDetails->id}}"@endif> --}}
                                            <input type="hidden" name="id"
                                                value="{{ Auth::guard('eventManagement')->user()->id }}">

                                            <div class="col-md-4 col-sm-6">
                                                <label>Name</label>
                                                <input type="text" name="name" class="form-control"
                                                    @if (!empty($event_profile)) value="{{ $event_profile->name }}" @endif>
                                                    <span class="text-danger">{{$errors->first('name')}}</span>
                                            </div>
                                            <div class="col-md-4 col-sm-6">
                                                <label>Address</label>
                                                <input type="text" name="address" class="form-control"
                                                    @if (!empty($event_profile->managementDetail)) value="{{ $event_profile->managementDetail->address }}" @endif>
                                                    <span class="text-danger">{{$errors->first('address')}}</span>
                                            </div>
                                            <div class="col-md-4 col-sm-6">
                                                <label>Phone</label>
                                                <input type="number" name="phone_number" class="form-control"
                                                    @if (!empty($event_profile->managementDetail)) value="{{ $event_profile->managementDetail->phone_number }}" @endif>
                                                    <span class="text-danger">{{$errors->first('phone_number')}}</span>
                                            </div>
                                            <div class="col-md-4 col-sm-6">
                                                <label>Email</label>
                                                <input type="email" name="email" class="form-control"
                                                    @if (!empty($event_profile)) value="{{ $event_profile->email }}" @endif>
                                                    <span class="text-danger">{{$errors->first('email')}}</span>
                                            </div>
                                            <div class="col-md-4 col-sm-6">
                                                <label>PayPal Email</label>
                                                <input type="email" name="paypal_email" class="form-control"
                                                    @if (!empty($event_profile)) value="{{ $event_profile->paypalEmail }}" @endif>
                                                    <span class="text-danger">{{$errors->first('paypal_email')}}</span>
                                            </div>
                                            <div class="col-md-4 col-sm-6">
                                                <label>Upload Profile Pic</label>
                                                {{-- <form class="dropzone dz-clickable profile-pic"> --}}
                                                <div class="dz-default dz-message">
                                                    <input class="form-control" type="file" name="image" />
                                                </div>
                                                {{-- </form> --}}
                                            </div>



                                            <div class="col-sm-12">
                                                <button type="submit" class="update-btn">Update Now</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div id="Venues" class="tab-pane fade">
                                <h3> Venues</h3>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-md">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">
                                                            Id
                                                        </th>
                                                        <th>Name</th>
                                                        <th>Address</th>
                                                        <th>Website</th>
                                                        <th>Budget</th>
                                                        <th>Venue Type</th>
                                                        <th>Music Genres</th>
                                                        <th>IG</th>
                                                        <th>Fb</th>
                                                        <th>Tiktok</th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($all_vuenue as $key => $all_vuenue_val)
                                                        <tr id="venue{{$all_vuenue_val->id}}">
                                                            <td>{{$all_vuenue_val->id}}</td>
                                                            <td>{{$all_vuenue_val->name}}</td>
                                                            <td>{{$all_vuenue_val->address}}</td>
                                                            <td>{{$all_vuenue_val->website}}</td>
                                                            <td>{{$all_vuenue_val->budget}}$</td>
                                                            <td>
                                                            @if(!empty($all_vuenue_val->venuetype))
                                                            @foreach($all_vuenue_val->venuetype as $key => $venuetypevalue)
                                                                {{$venuetypevalue->name}},
                                                            @endforeach
                                                            @endif</td>
                                                            <td>
                                                            @if(!empty($all_vuenue_val->music))
                                                            @foreach($all_vuenue_val->music as $key => $musicvalue)
                                                                {{$musicvalue->name}},
                                                            @endforeach
                                                            @endif</td>
                                                            </td>
                                                            <td>{{$all_vuenue_val->ig}}</td>
                                                            <td>{{$all_vuenue_val->facebook}}</td>
                                                            <td>{{$all_vuenue_val->tiktok}}</td>
                                                        </tr>
                                                    @endforeach

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- End Settings -->
                        </div>
                        <!-- Start All Sec -->
                    </div>
                    <div class="container-fluid">
                        <div class="item-click ">
                            <article>
                                <div class="brows-job-list">
                                    @if (!$all_vuenue->isEmpty())
                                        @foreach ($all_vuenue as $key => $vanue_value)
                                            <div class="col-md-2 col-sm-2">
                                                <div class="item-fl-box">

                                                    <div class="brows-job-position">
                                                        <h3><a
                                                                href="{{ route('eventManagement.venue') }}">{{ $vanue_value->name }}</a>
                                                        </h3>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2 col-sm-2">
                                                <div class="brows-job-location">
                                                    <p><i class="fa fa-map-marker"></i>{{ $vanue_value->address }}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-2 col-sm-2">
                                                <div class="brows-job-location">
                                                    <p>{{ $vanue_value->budget }}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-2 col-sm-2">
                                                <div class="brows-job-location">
                                                    <p>{{ $vanue_value->event_date }}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-2 col-sm-2">
                                                <div class="brows-job-location">
                                                    <p>{{ $vanue_value->start }}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-2 col-sm-2">
                                                <div class="brows-job-location">
                                                    <p>{{ $vanue_value->end }}</p>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                    {{-- <div class="col-md-2 col-sm-2">
                                        <div class="brows-job-link">
                                            <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                                        </div>
                                    </div> --}}
                                </div>

                            </article>
                        </div>
                        {{-- <div class="row">
                            <ul class="pagination">
                                <li><a href="#"><i class="ti-arrow-left"></i></a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#"><i class="fa fa-ellipsis-h"></i></a></li>
                                <li><a href="#"><i class="ti-arrow-right"></i></a></li>
                            </ul>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>

    </section>

    {{-- <section>
        <div class="container">
            <!-- Company Searrch Filter Start -->

            <!-- Company Searrch Filter End -->

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-1.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Digital Marketing Manager</a></h3>
                                    <p>
                                        <span>Autodesk</span><span class="brows-job-sallery"><i
                                                class="fa fa-money"></i>$750 - 800</span>
                                        <span class="job-type cl-success bg-trans-success">Full Time</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                    <span class="tg-themetag tg-featuretag">Premium</span>
                </article>
            </div>

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-2.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Compensation Analyst</a></h3>
                                    <p>
                                        <span>Google</span><span class="brows-job-sallery"><i
                                                class="fa fa-money"></i>$810 - 900</span>
                                        <span class="job-type bg-trans-warning cl-warning">Part Time</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                </article>
            </div>

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-3.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Investment Banker</a></h3>
                                    <p>
                                        <span>Honda</span><span class="brows-job-sallery"><i class="fa fa-money"></i>$800
                                            - 910</span>
                                        <span class="job-type bg-trans-primary cl-primary">Freelancer</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                    <span class="tg-themetag tg-featuretag">Premium</span>
                </article>
            </div>

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-4.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Financial Analyst</a></h3>
                                    <p>
                                        <span>Microsoft</span><span class="brows-job-sallery"><i
                                                class="fa fa-money"></i>$580 - 600</span>
                                        <span class="job-type bg-trans-success cl-success">Full Time</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                </article>
            </div>

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-5.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Service Representative</a></h3>
                                    <p>
                                        <span>Autodesk</span><span class="brows-job-sallery"><i
                                                class="fa fa-money"></i>$800 - 900</span>
                                        <span class="job-type bg-trans-denger cl-danger">Enternship</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                    <span class="tg-themetag tg-featuretag">Premium</span>
                </article>
            </div>

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-6.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Chief Executive Officer</a></h3>
                                    <p>
                                        <span>Google</span><span class="brows-job-sallery"><i
                                                class="fa fa-money"></i>$510 - 700</span>
                                        <span class="job-type bg-trans-success cl-success">Full Time</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                </article>
            </div>

            <div class="item-click">
                <article>
                    <div class="brows-job-list">
                        <div class="col-md-6 col-sm-6">
                            <div class="item-fl-box">
                                <div class="brows-job-company-img">
                                    <a href="job-detail.html"><img src="assets/img/com-7.jpg" class="img-responsive"
                                            alt="" /></a>
                                </div>
                                <div class="brows-job-position">
                                    <h3><a href="job-apply-detail.html">Administrative Manager</a></h3>
                                    <p>
                                        <span>Honda</span><span class="brows-job-sallery"><i
                                                class="fa fa-money"></i>$700 - 800</span>
                                        <span class="job-type bg-trans-warning cl-warning">Part Time</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="brows-job-location">
                                <p><i class="fa fa-map-marker"></i>QBL Park, C40</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="brows-job-link">
                                <a href="job-apply-detail.html" class="btn btn-default">Apply Now</a>
                            </div>
                        </div>
                    </div>
                    <span class="tg-themetag tg-featuretag">Premium</span>
                </article>
            </div>

            <!--/.row-->
            <div class="row">
                <ul class="pagination">
                    <li><a href="#"><i class="ti-arrow-left"></i></a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#"><i class="fa fa-ellipsis-h"></i></a></li>
                    <li><a href="#"><i class="ti-arrow-right"></i></a></li>
                </ul>
            </div>

        </div>
    </section> --}}

    </div>
    </body>

@endsection