@extends('website.layout.layout')
@section('title')
    {{__("Customer profile")}} -
@endsection
@section('content')
    <div id="main-conetent">
        <div class="container mt-3">
            @if(Auth::guard('customer')->user()->name == null || Auth::guard('customer')->user()->name == '')
                <div class="alert alert-warning">
                    {{__("Dear customer, Please complete your information")}}
                </div>
            @else
                {{--                <div class="alert alert-info">--}}
                {{--                    {{__("Hello")}}, {{Auth::guard('customer')->user()->name}}--}}
                {{--                </div>--}}
            @endif


            @include('starter-kit::component.err')
            <div class="row">
                <div class="col-lg-3 col-md-4 mb-5">
                    <div class="position-sticky" style="top:100px;box-shadow: 0 0 4px #00000044;">
                        <div class="text-center">
                            <div class="py-2">
                                <img src="https://www.gravatar.com/avatar/{{Auth::guard('customer')->user()->email}}?s=64" alt="profile" class="rounded-circle">
                            </div>
                            <h5>
                                {{Auth::guard('customer')->user()->name}}
                            </h5>
                        </div>
                        <ul id="profile-tab">
                            <li class="active" data-id="#dashboard">
                                <span>
                                    <i class="fa fa-home"></i>
                                {{__("Dashboard")}}
                                </span>
                            </li>
                            <li class="" data-id="#profile">
                                <span>
                                    <i class="fa fa-user-cog"></i>
                                {{__("Profile")}}
                                </span>
                            </li>
                            <li data-id="#invoices">
                                <span>
                                    <i class="fa fa-credit-card"></i>
                                {{__("Your invoices")}}
                                </span>
                            </li>
                            <li data-id="#address">
                                <span>
                                    <i class="fa fa-map-pin"></i>
                                {{__("Addresses")}}
                                </span>
                            </li>
                            <li data-id="#tickets">
                                <span>
                                    <i class="fa fa-envelopes-bulk"></i>
                                {{__("Tickets")}}
                                </span>
                            </li>
                            <li data-id="#new">
                                <span>
                                    <i class="fa fa-envelope-open"></i>
                                {{__("Send new ticket")}}
                                </span>
                            </li>
                            <li data-id="#crt">
                                <span>
                                    <i class="fa fa-coins"></i>
                                مدیریت کیف پول
                                </span>
                            </li>
                            <li data-id="#favs">
                                <span>
                                    <i class="fa fa-heart"></i>
                                {{__("Favorites")}}
                                </span>
                            </li>
                            @if(!(auth('customer')->user()->colleague??null))
                                <li data-id="#req">
                                    <span>
                                        <i class="fa fa-user-check"></i>
                                    {{__("Application request")}}
                                    </span>
                                </li>
                            @endif
                            <li>
                                <a href="{{route('logout')}}">
                                    <i class="fa fa-user-lock"></i>
                                    {{__("Logout")}}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-9 col-md-8">
                    <div id="dashboard" class="active profile-tab">
                        <div class="container my-3">
                            <div class="gird4">
                                <div>
                                    <a>
                                        <i class="fa fa-location-pin-lock"></i>
                                        <h1>
                                            {{auth('customer')->user()->addresses()->count()+1}}
                                        </h1>
                                        <h5>
                                            آدرس ها
                                        </h5>
                                    </a>
                                </div>
                                <div>
                                    <div>
                                        <i class="fa fa-headset"></i>
                                        <h1>
                                            {{auth('customer')->user()->tickets()->count()}}
                                        </h1>
                                        <h5>
                                            پشتیبانی
                                        </h5>
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <i class="fa fa-bag-shopping"></i>
                                        <h1>
                                            {{auth('customer')->user()->invoices()->count()}}
                                        </h1>
                                        <h5>
                                            سفارش‌ها
                                        </h5>
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <i class="fa fa-wallet"></i>
                                        <h1>
                                            {{number_format(auth('customer')->user()->credit)}}
                                            <small style="font-size: 20px">
                                                {{config('app.currency_type')}}
                                            </small>
                                        </h1>

                                        <h5>
                                            موجودی کیف پول
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            @if (\App\Helpers\cardCount() > 0)
                                <div class="alert alert-success overflow-hidden w-100">
                                    {{__("You have got :count products in your basket, Could you complete your purchase?",['count'=>\App\Helpers\cardCount()])}}
                                    <br>
                                    <a href="{{route('card.show')}}" class="btn btn-success w-50 d-block m-auto mt-2">
                                        {{__("Complete your purchase")}}
                                    </a>
                                </div>
                            @endif
                            <div class="alert border-1 border-secondary" style="min-height: 14rem">
                                <h5>
                                    آخرین سفارش ها
                                </h5>
                                @if(auth('customer')->user()->invoices()->count() > 0)
                                    <table class="table table-striped w-100 text-center " >
                                        <tr>
                                            <td>
                                                شماره
                                            </td>
                                            <td>
                                                مبلغ
                                            </td>
                                            <td>
                                                وضعیت
                                            </td>
                                            <td>
                                                زمان
                                            </td>
                                        </tr>
                                        @foreach(auth('customer')->user()->invoices()->limit(5)->get() as $in )
                                            <tr>
                                                <td>
                                                    {{$in->id}}
                                                </td>
                                                <td>
                                                    {{number_format($in->total_price)}}
                                                    {{config('app.currency_type')}}
                                                </td>
                                                <td>
                                                    {{__($in->status)}}
                                                </td>
                                                <td>
                                                    {{$in->created_at->diffForHumans()}}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </table>
                                @else
                                    <div class="alert alert-secondary">
                                        سفارشی ثبت نشده است
                                        <a href="{{route('welcome')}}" class="btn btn-success w-25 d-block m-auto mt-2">
                                            رفتن به فروشگاه
                                        </a>
                                    </div>
                                @endif
                            </div>


                        </div>
                    </div>
                    <div id="profile" class="profile-tab">
                        <form class="p-3" method="post" action="{{route('profile')}}">
                            @csrf
                            <div class="row">
                                <div class="col-md-6 mt-3">
                                    <div class="form-group">
                                        <label for="name">
                                            نام و نام خانوادگی
                                        </label>
                                        <input name="name" type="text"
                                               class="form-control @error('name') is-invalid @enderror"
                                               placeholder="{{__('Name')}}"
                                               value="{{old('name',$customer->name??null)}}"/>
                                    </div>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <div class="form-group">
                                        <label for="email">
                                            {{__('Email')}}
                                        </label>
                                        <input name="email" type="email"
                                               class="form-control @error('email') is-invalid @enderror"
                                               placeholder="{{__('Email')}}"
                                               value="{{old('email',$customer->email??null)}}"/>
                                    </div>
                                </div>
                                <div class="col-md-4 mt-3">
                                    <div class="form-group">
                                        <label for="postal_code">
                                            {{__('postal_code')}}
                                        </label>
                                        <input name="postal_code" type="text"
                                               class="form-control @error('postal_code') is-invalid @enderror"
                                               placeholder="{{__('postal_code')}}"
                                               value="{{old('postal_code',$customer->postal_code??null)}}"/>
                                    </div>
                                </div>
                                <div class="col-md-4 mt-3">
                                    <div class="form-group">
                                        <label for="mobile">
                                            موبایل
                                        </label>
                                        <input name="mobile" readonly type="text"
                                               class="form-control @error('mobile') is-invalid @enderror"
                                               placeholder="{{__('Mobile')}}"
                                               value="{{old('mobile',$customer->mobile??null)}}"
                                               min-length="10"/>
                                    </div>
                                </div>
                                <div class="col-md-4 mt-3">
                                    <div class="form-group">
                                        <label for="description">
                                            {{__("Page name")}}/{{__("Store")}}
                                        </label>
                                        <input name="description" type="text"
                                               class="form-control @error('description') is-invalid @enderror"
                                               placeholder="{{__('Description')}}"
                                               value="{{old('description',$customer->description??null)}}"
                                        />
                                    </div>
                                </div>
                                <div class="col-md-3 mt-3">
                                    <div class="form-group">
                                        <label for="password">
                                            {{__('Password')}}
                                        </label>
                                        <input name="password" type="password"
                                               class="form-control @error('password') is-invalid @enderror"
                                               placeholder="{{__('Password')}}" value="{{old('password',''??null)}}"/>
                                    </div>
                                </div>
                                <div class="col-md-3 mt-3">
                                    <div class="form-group">
                                        <label for="password_confirmation">
                                            {{__('password repeat')}}
                                        </label>
                                        <input name="password_confirmation" type="password"
                                               class="form-control @error('password_confirmation') is-invalid @enderror"
                                               placeholder="{{__('password repeat')}}"
                                               value="{{old('password_confirmation',$customer->password_confirmation??null)}}"/>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="state"
                                               class=" mt-3">{{ __('State') }}</label>
                                        <select id="state" data-val="{{old('state',$customer->state??null)}}"
                                                type="text"
                                                class="form-control @error('state') is-invalid @enderror" name="state"
                                                required>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="city"
                                               class=" mt-3">{{ __('City') }}</label>
                                        <select id="city" data-val="{{old('city',$customer->city??null)}}" type="text"
                                                class="form-control @error('city') is-invalid @enderror" name="city"
                                                required>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <div class="form-group">
                                        <label for="password">
                                            {{__('Address')}}
                                        </label>
                                        <textarea name="address" type="password"
                                                  class="form-control @error('address') is-invalid @enderror"
                                                  placeholder="{{__('Address')}}">{{old('address',$customer->address??null)}}</textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <label> &nbsp;</label>
                                    <input type="submit" class="btn btn-primary mt-2" value="{{__('Save')}}"/>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div id="invoices" class="profile-tab">
                        <table class="table table-hover table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>{{__("Products")}}</th>
                                <th>{{__("Total Price")}}</th>
                                <th>{{__("Status")}}</th>
                                <th>{{__("Ref ID")}}</th>
                                <th>{{__("Created At")}}</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach(\App\Models\Invoice::whereCustomerId(auth('customer')->id())->orderBy('id','desc')->with('successPayments')->get() as $invoice)
                                <tr class="{{$invoice->status===\App\Models\Invoice::COMPLETED?'text-success':''}}">
                                    <td>{{$loop->index+1}}</td>
                                    <td style="width: 45%">
                                        {{$invoice->products->implode('name','، ')}}
                                        @if($invoice->invoice != null)
                                            [
                                            <a href="{{route('customer.invoice',$invoice->invoice->hash)}}">
                                                {{__("Belong to")}}
                                            </a>
                                            ]
                                        @endif
                                    </td>
                                    <td>
                                        {{number_format($invoice->total_price)}}
                                        {{config('app.currency_type')}}
                                    </td>
                                    <td>{{__($invoice->status)}}
                                        - {{$invoice->successPayments->implode('type')}}</td>
                                    <td>{{($invoice->successPayments->first()->reference_id??'-')}}</td>
                                    <td>{{$invoice->created_at->diffForHumans()}}</td>
                                    <td>
                                        @if($invoice->status===\App\Models\Invoice::PENDING || $invoice->status===\App\Models\Invoice::FAILED)

                                            <a href="{{route('redirect.bank',['invoice'=>$invoice->hash,'gateway'=>config('app.pay_gate')])}}"
                                               class="btn btn-success ">
                                                <i class="far fa-credit-card"></i>
                                            </a>
                                        @else
                                        @endif
                                        <a href="{{route('customer.invoice',$invoice->hash)}}" class="btn btn-primary">
                                            <i class="fa fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div id="crt" class="profile-tab">
                        <div class="p3">
                            <h3 class="p3 pt-4 text-center">
                                {{__("Credit")}}
                            </h3>
                            <hr>
                            <h4 class="p-3 text-center">
                                {{__("Your credit")}}:
                                {{number_format(auth('customer')->user()->credit)}}
                                {{config('app.currency_type')}}
                            </h4>
                            <hr>
                            <h5 class="p-3">
                                تاریخچه استفاده اعتبار
                            </h5>
                            <ul class="list-group m-2">
                                @foreach(auth('customer')->user()->credits  as $c)
                                    <li class="list-group-item">
                                        <div class="row text-center">
                                            <div class="col-md">


                                                مبلغ
                                                {{number_format($c->amount)}}
                                                {{config('app.currency_type')}}
                                            </div>
                                            <div class="col-md">
                                                <a href="{{route('customer.invoice',$c->invoice->hash)}}">
                                                    {{__("Invoice")}}
                                                </a>
                                            </div>
                                            <div class="col-md">
                                                {{__("Pay by credit")}}:
                                                {{number_format($c->invoice->credit_price)}}
                                                {{config('app.currency_type')}}
                                            </div>
                                            <div class="col-md">
                                                {{__("Price")}}
                                                {{number_format($c->invoice->total_price)}}
                                                {{config('app.currency_type')}}
                                            </div>
                                        </div>

                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    <div id="tickets" class="profile-tab">
                        <div class="p3">
                            <table class="table table-bordered table-hover table-striped ">
                                <tr>
                                    <th>
                                        {{__("Title")}}
                                    </th>
                                    <th>
                                        {{__("Status")}}
                                    </th>
                                    <th>
                                        {{__("Last update")}}
                                    </th>
                                    <th>
                                        -
                                    </th>
                                </tr>
                                @foreach(auth('customer')->user()->main_tickets as $ticket)
                                    <tr>
                                        <td>
                                            {{$ticket->title}}
                                        </td>
                                        <td>
                                            {{__($ticket->status)}}
                                        </td>
                                        <td>{{$ticket->updated_at->diffForHumans()}}</td>
                                        <td>
                                            <a href="{{route('ticket.show',$ticket->id)}}" class="btn btn-secondary">
                                                {{__("Show")}}
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                    <div id="new" class="profile-tab">
                        <form class="row p-3" method="post" action="{{route('ticket.send')}}">
                            @csrf
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="title">
                                        {{__("Title")}}
                                    </label>
                                    <input type="text" id="title" name="title" value="{{old('title')}}"
                                           placeholder="{{__("Title")}}" class="form-control">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="body">
                                        {{__("Text")}}
                                    </label>
                                    <textarea name="body" id="body" class="form-control"
                                              placeholder="{{__("Your question or request...")}}"
                                              rows="5">{{old('body')}}</textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <button class="btn btn-primary w-100">
                                    {{__("Send")}}
                                </button>
                            </div>
                        </form>
                    </div>
                    <div id="req" class="profile-tab">
                        <form class="row p-3" method="post" action="{{route('ticket.send')}}">
                            @csrf
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="title">
                                        متن درخواست خود را به همراه توضیحات در مورد فروشگاه بنویسید
                                    </label>
                                    <input type="hidden" id="title" name="title" value="{{__("Application request")}}">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="body">
                                        {{__("Text")}}
                                    </label>
                                    <textarea name="body" id="body" class="form-control"
                                              placeholder="{{__("Application request")}}"
                                              rows="5">{{old('body')}}</textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <button class="btn btn-primary w-100">
                                    {{__("Send")}}
                                </button>
                            </div>
                        </form>
                    </div>
                    <div id="favs" class="profile-tab">
                        <div class="row">

                            @if(auth('customer')->user()->products()->count() == 0)
                                <div class="alert alert-secondary">
                                    محصولی به علاقه‌مندی هایتان اضافه نشده است.
                                    <a href="{{route('welcome')}}" class="btn btn-success w-25 d-block m-auto mt-2">
                                        رفتن به فروشگاه
                                    </a>
                                </div>
                            @else
                                @foreach(auth('customer')->user()->products as $p)
                                    <div class="col-md-3">
                                        @include('website.component.product-box',['p' => $p])
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                    <div id="address" class="profile-tab">
                        <div class="p-4">
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <b>
                                        {{__("Main address")}}:
                                    </b>
                                    {{auth('customer')->user()->address}}
                                </li>
                                @foreach(auth('customer')->user()->addresses as $ad)
                                    <li class="list-group-item">
                                        {{$ad->address}}
                                        <a href="{{route('customer.remaddress',$ad->id)}}"
                                           class="btn btn-danger delete-confirm float-end">
                                            <span class="fa fa-times"></span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>

                            <hr>
                            <h5>
                                {{__("Add address")}}
                            </h5>
                            <form action="{{route('customer.address')}}">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="state_"
                                                   class="col-md-4 col-form-label text-md-right">{{ __('State') }}</label>
                                            <select id="state_" data-val="{{old('state',$customer->state??null)}}"
                                                    type="text"
                                                    class="form-control @error('state') is-invalid @enderror"
                                                    name="state"
                                                    required>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="city_"
                                                   class="col-md-4 col-form-label text-md-right">{{ __('City') }}</label>
                                            <select id="city_" data-val="{{old('city',$customer->city??null)}}"
                                                    type="text"
                                                    class="form-control @error('city') is-invalid @enderror" name="city"
                                                    required>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="form-group">
                                            <label for="password">
                                                {{__('Address')}}
                                            </label>
                                            <textarea name="address" type="password"
                                                      class="form-control @error('address') is-invalid @enderror"
                                                      placeholder="{{__('Address')}}">{{old('address')}}</textarea>
                                        </div>
                                    </div>
                                    <div class="cold-12">
                                        <button class="btn btn-primary w-100">
                                            {{__("Add address")}}
                                        </button>
                                    </div>
                                </div>
                                <br>
                                <br>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection