@extends('../../master_layout/website_master')

@section('title')
<title>{{env('APP_NAME')}} :: {{($edit)?'Edit':'Add'}} Profile</title>
@endsection


@section('heading')
<section class="page-heading">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content flex-column flex-sm-row">
                    <h1 class="py-2 py-sm-0">{{($edit)?'Edit':'Add'}} Profile @if(isset($profile->display_name) && $profile->display_name !='')- {{$profile->display_name}} @endif</h1>
                    <!-- breadcrumb -->
                    @php
                    if($edit) {
                        $breadcrumb = array(
                            array('title'=>'My Profiles', 'url'=>route('profile')),
                            array('title'=>$profile->display_name, 'url'=>route('profile.link',['slug'=>$profile->slug])),
                            array('title'=> 'Edit Profile', 'url'=>'', 'active'=>'1')
                        );
                    } else {
                        $breadcrumb = array(
                            array('title'=>'My Profiles', 'url'=>route('profile')),
                            array('title'=> 'Add Profile', 'url'=>'', 'active'=>'1')
                        );
                    }                    
                    @endphp
                    @include('website_view.component.breadcrumb',  compact("breadcrumb"))
                    <!-- \breadcrumb -->
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')



<section class="profile-two">
    <div class="container-fluid">
        @if (session('errors'))
        <div class="alert alert-danger alert-dismissible">
            @foreach($errors->all() as $message)
            <li class="text-danger">{{$message}}</li>
            @endforeach
        </div>
        @endif

        <div class="row gap-y-2">
            <!-- Message-->
            @if (session('message'))
            <div class="col-12">
                <div class="alert alert-{{session('message.type')}} alert-dismissible fade show" role="alert">
                    @if(session('message.type')=='danger')
                    <strong>Oops!</strong> {!! session('message.text') !!}
                    @else
                    <strong>Success!</strong> {!! session('message.text') !!}
                    @endif
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
            @endif
            <!--end message-->

            <div class="col-12">
                <nav class="slidemenu">    
                    <!-- Item 1 -->
                    @php
                    if($edit) {
                        $profile_info = "window.location='".route('profile.edit',['slug'=>$profile->slug])."'";
                        $upload_media = "window.location='".route('profile.media',['slug'=>$profile->slug])."'";
                    } else {
                        $profile_info = "window.location='".route('profile.add')."'";
                        $upload_media = "alert('Save Profile detail to Upload Media.');return false;";
                    }
                    @endphp
                    <input type="radio" name="slideItem" id="slide-item-1" class="slide-toggle" checked onclick="{{$profile_info}}"/>
                    <label for="slide-item-1"><p class="icon"><i class="fas fa-building" aria-hidden="true"></i></p><span>Profile Information</span></label>
                    
                    <!-- Item 2 -->
                    <input type="radio" name="slideItem" id="slide-item-2" class="slide-toggle" onclick="{{$upload_media}}"/>
                    <label for="slide-item-2"><p class="icon"><i class="fas fa-images"></i></p><span>Upload Media</span></label>
                    
                    <div class="clearfix"></div>

                    <!-- Bar -->
                    <div class="slider">
                        <div class="bar"></div>
                    </div>                    
                </nav>
            </div>
            
            <div class="col-12">
                <form id="addProfile" action="{{route('profile.add.process')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="row_id" id="row_id" value="{{($edit)?$profile->advertiser_id:0}}">
                    <input type="hidden" name="image_verification_code" id="image_verification_code" value="0">
                    
                    <!-- Title and location -->
                    <div class="box-one">
                        <div class="row gap-y-2">
                            <div class="col-12">
                                <div class="add-title">
                                    <div class="form-group m-0">
                                        <input type="text" class="form-control w-100" name="display_name" id="display_name" value="{{($edit)?$profile->display_name:old('display_name')}}" placeholder="Name">
                                    </div>
                                    <div class="form-group m-0">
                                        <select class="custom-select  w-100" name="advertiser_type_id" id="advertiser_type_id">
                                            @foreach($advertiser_types as $advertiser_type)
                                            <option value="{{$advertiser_type->advertiser_type_id}}"