@extends('layouts.app')
@section('content')
<link rel="stylesheet" href="{{ asset('css/upload.css') }}" >
@if(Session::has('msg'))
	<div class="col-md-4 col-sm-5 float-right alert alert-success alert-dismissible m-2 mt-4 fade show" role="alert">
	  {{Session::get('msg')}}.
	  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	  </button>
	</div>
@endif
<!-- Page Header -->
<div class="page-header row no-gutters py-4">
	<div class="col-12 col-sm-4 text-center text-sm-left mb-0">
		<span class="text-uppercase page-subtitle">Vip Messages</span>
	    <h3 class="page-title">{{isset($edit)? 'Edit': 'Add New'}}</h3>
	</div>
</div>
<!-- End Page Header -->
<form class="add-new-post" action="{{isset($edit)?route('vip_messages.update', $edit->id):route('vip_messages.store')}}" method="post" enctype="multipart/form-data">
    <div class="row">
        <div class="col-lg-9 col-md-12">
            <!-- Add New Post Form -->
            <div class="card card-small mb-3">
                <div class="card-body">
                        @csrf
                        <label >VIP Photo <span class="required">*</span></label>
                        <div class="slider container py-2">
                            <div class="row py-1">
                                <div class="col-lg-6 mx-auto">
                                    <!-- Upload image input-->
                                <div class="input-group mb-3 px-2 py-2 rounded-pill bg-black shadow-sm {{$errors->first('image')?'border-danger':''}}">
                                        <input id="upload" type="file" onchange="readURL(this);" class="form-control border-0" name="image">
                                        <label id="upload-label" for="upload" class="font-weight-light  {{$errors->first('image')? 'text-danger':'text-muted'}}">
                                            {{$errors->first('image')?'** '.$errors->first('image') : 'Click inside box' }}
                                    </label>
                                        <div class="input-group-append">
                                            <label for="upload" class="btn btn-light m-0 rounded-pill px-4"> <i class="fa fa-cloud-upload mr-2 text-muted"></i><small class="text-uppercase font-weight-bold text-muted">Choose file</small></label>
                                        </div>
                                    </div>

                                    <!-- Uploaded image area-->
                                    <p class="font-italic text-black text-center">The image uploaded will be rendered inside the box below.</p>
                                    <div class="image-area mt-4">
                                    <img width="200px" height="200px" id="imageResult" src="{{ (isset($edit) && isset($edit->getMedia()[0])) ? $edit->getMedia()[0]->getFullUrl() : '#'}}" alt="" class="img-fluid rounded shadow-sm mx-auto d-block">
                                    </div>

                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row pr-3">
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="name" class="">VIP Name <span class="required">*</span> </label>
                                <input class="form-control form-control-lg mb-1 {{ $errors->first('name')? 'is-invalid' : ''}}" id="name" type="text" name="name" value="{{old('name')?old('name'):(isset($edit)?$edit->name:'')}}" placeholder="VIP name in english">
                                @if($errors->first('name'))
                                    <div class="text text-danger ">
                                        ** {{$errors->first('name')}}
                                    </div>
                                @endif
                            </div>
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="post" class="">VIP Post <span class="required">*</span> </label>
                                <input class="form-control form-control-lg mb-1 {{ $errors->first('post')? 'is-invalid' : ''}}" id="post" type="text" name="post" value="{{old('post')?old('post'):(isset($edit)?$edit->post:'')}}" placeholder="VIP name in nepali">
                                @if($errors->first('post'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('post')}}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <br>
                        <div class="row pr-3">
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="phone_number">Phone Number <span class="required">*</span> </label>
                                <input class="form-control form-control-lg mb-1 {{ $errors->first('phone_number')? 'is-invalid' : ''}}" id="phone_number" type="text" name="phone_number" value="{{old('phone_number')?old('phone_number'):(isset($edit)?$edit->phone_number:'')}}" placeholder="VIP phone number">
                                @if($errors->first('phone_number'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('phone_number')}}
                                    </div>
                                @endif
                            </div>
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for=email_address>Email Address <span class="required">*</span> </label>
                                <input class="form-control form-control-lg mb-1 {{ $errors->first('email_address')? 'is-invalid' : ''}}" id="email_address" type="text" name="email_address" value="{{old('email_address')?old('email_address'):(isset($edit)?$edit->email_address:'')}}" placeholder="VIP email address">
                                @if($errors->first('email_address'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('email_address')}}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row pr-3">
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="phone_number2">Phone Number (alternative) </label>
                                <input class="form-control form-control-lg mb-1" id="phone_number2" type="text" name="phone_number2" value="{{old('phone_number2')?old('phone_number2'):(isset($edit)?$edit->phone_number2:'')}}" placeholder="Type phone number (alternative) here">
                            </div>
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="facebook_url">Facebook Url </label>
                                <input class="form-control form-control-lg mb-1" id="facebook_url" type="text" name="facebook_url" value="{{old('facebook_url')?old('facebook_url'):(isset($edit)?$edit->facebook_url:'')}}" placeholder="Type facebook url here">
                                @if($errors->first('facebook_url'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('facebook_url')}}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <br/>
                        <div class="row pr-3">
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="twitter_url">Twitter Url </label>
                                <input class="form-control form-control-lg mb-1" id="twitter_url" type="text" name="twitter_url" value="{{old('twitter_url')?old('twitter_url'):(isset($edit)?$edit->twitter_url:'')}}" placeholder="Type twitter url here">
                                @if($errors->first('twitter_url'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('twitter_url')}}
                                    </div>
                                @endif
                            </div>
                            <div class="col-md-6 col-sm-6 p-0 pl-3">
                                <label for="address">Linkedin Url</label>
                                <input class="form-control form-control-lg mb-1" id="linkedin_url" type="text" name="linkedin_url" value="{{old('linkedin_url')?old('linkedin_url'):(isset($edit)?$edit->linkedin_url:'')}}" placeholder="Type linkedin url  here">
                                @if($errors->first('linkedin_url'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('linkedin_url')}}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <label for="message">Vip Message<span class="required">*</span> </label>
                        <textarea class="content {{$errors->first('description')? 'wrong' : ''}}" id="mytextarea" name="message">{!! isset($edit)?$edit->message:(old('message') ?? '') !!}</textarea>
                        @if($errors->first('message'))
                            <div class="text text-danger">
                                *{{$errors->first('message')}}
                            </div>
                        @endif
                </div>
            </div>
            <!-- / Add New Post Form -->
        </div>
        <div class="col-lg-3 col-md-12">
            <!-- Post Overview -->
            <div class='card card-small mb-3'>
                <div class="card-header border-bottom">
                    <h6 class="m-0">Actions</h6>
                </div>
                <div class='card-body p-0'>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item p-3">
                            <span class="d-flex mb-2">
                                <i class="material-icons mr-1">flag</i>
                                <strong class="mr-1">Status:</strong>@if(isset($edit))<span class="text text-success" >Created </span>@else <span class="text text-danger" >Not Created</span> @endif
                            </span>
                        </li>
                        <li class="list-group-item d-flex px-3">
                            @if(isset($edit))
                            <button id="update" class="btn btn-sm btn-accent ml-auto">
                                <i class="material-icons">file_copy</i> Update
                            </button>
                            @else
                            <button id="save" class="btn btn-sm btn-accent ml-auto">
                                <i class="material-icons">file_copy</i> Publish
                            </button>
                            @endif
                        </li>
                    </ul>
                </div>
            </div>
            <!-- / Post Overview -->
        </div>
    </div>
</form>
<script src="{{ asset('js/upload.js') }}"></script>
<script type="text/javascript">
</script>

@endsection