@extends('admin.layouts.app')
@section('title', 'Add Customer')
@section('content')
    <div class="container-full">
        <div class="content-header">
            <div class="d-flex align-items-center">
                <div class="mr-auto">
                    <h3 class="page-title">{{ $data == null ? 'Add' : 'Update ' }} Customer
                        {{ $data == null ? '' : '#' . $data->id }}</h3>
                    <div class="d-inline-block align-items-center">
                        <nav>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="#"><i class="mdi mdi-home-outline">Customer</i></a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    {{ $data == null ? 'Add' : 'Update ' }} Customer</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
            <div class="row">
                <div class="col-lg-12 col-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h4 class="box-title">{{ $data == null ? 'Upload' : 'Update ' }} Customer Details</h4>
                        </div>
                        @if ($errors->any())
                            {{ implode('', $errors->all('<div>:message</div>')) }}
                        @endif
                        <!-- /.box-header -->
                        <form class="form" method="post"
                            action="{{ $data == null ? route('customer.store') : route('customer.update', $data->id) }}"
                            enctype="multipart/form-data" id="file-upload">
                            @csrf
                            {{ $data != null ? method_field('PUT') : '' }}
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="">Name</label>
                                            <input type="text" name="name"
                                                value="{{ $data == null ? old('name') : $data->name }}"
                                                class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="">Email</label>
                                            <input type="text" name="email"
                                                value="{{ $data == null ? old('email') : $data->email }}"
                                                class="form-control">
                                        </div>

                                        <div class="form-group">
                                            <label for="">Password</label>
                                            <input type="password" name="password" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="">Password Confirmation</label>
                                            <input type="password" name="password_confirmation" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="status">Status</label>
                                            <select name="status" class="form-control">
                                                <option {{ $data ? ($data->status == 1 ? 'selected' : '') : '' }}
                                                    value="1">Active</option>
                                                <option {{ $data ? ($data->status == 2 ? 'selected' : '') : '' }}
                                                    value="2">Pending</option>
                                                <option {{ $data ? ($data->status == 0 ? 'selected' : '') : '' }}
                                                    value="0">Deactive</option>
                                                <option {{ $data ? ($data->status == 3 ? 'selected' : '') : '' }}
                                                        value="3">Verified</option>
                                            </select>
                                        </div>
                                        @if ($data && $data->getRole() == 'vendor')
                                            <div class="form-group">
                                                <label for="featured">Featured</label>
                                                <select name="featured" id="featured" class="form-control">
                                                    <option {{ $data ? ($data->featured == 1 ? 'selected' : '') : '' }}
                                                        value="1">Yes</option>
                                                    <option {{ $data ? ($data->featured == 0 ? 'selected' : '') : '' }}
                                                        value="0">No</option>
                                                </select>
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label for="image">Image</label>
                                            <input type="file" class="dropify" name="image"
                                                {{ $data != null ? 'data-default-file = ' . asset($data->image) : '' }}>
                                        </div>
                                          @if ($data && $data->getRole() == 'vendor' && $data->hasTax())
                                            <div class="form-group">

                                                <label for="">Tax Information</label>
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped">
                                                        <thead>
                                                            <tr>
                                                                <th>Key</th>
                                                                <th>Value</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>

                                                            @if ($data->getMeta('seller_type') == 'individual')
                                                                <tr>
                                                                    <td>Full legal name</td>
                                                                    <td>{{ $data->getTax->name }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Tax Payer ID</td>
                                                                    <td>{{ $data->getTax->payer_id }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Drivers License</td>
                                                                    <td>
                                                                        @if ($data->getMeta('document'))
                                                                            <a href="{{ asset($data->getMeta('document')) }}"
                                                                                download="">Download</a>
                                                                        @else
                                                                            <p class="bg-danger text-white">Not Uploaded</p>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @elseif ($data->getMeta('seller_type') == 'business')
                                                                @if ($data->getTax->disregarded)
                                                                    <tr>
                                                                        <td>Busniess Disregarded Entity</td>
                                                                        <td>{{ $data->getTax->disregarded == 1 ? 'Yes' : 'No' }}
                                                                        </td>
                                                                    </tr>
                                                                @endif
                                                                <tr>
                                                                    <td>Busniess Taxes File</td>
                                                                    <td>
                                                                        @if ($data->getTax->business_document)
                                                                            <a href="{{ asset($data->getTax->business_document) }}"
                                                                                download="">Download</a>
                                                                        @else
                                                                            <p class="bg-danger text-white">Not Uploaded</p>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Articles of Incorporation</td>
                                                                    <td>
                                                                        @if ($data->getMeta('document'))
                                                                            <a href="{{ asset($data->getMeta('document')) }}"
                                                                                download="">Download</a>
                                                                        @else
                                                                            <p class="bg-danger text-white">Not Uploaded</p>
                                                                        @endif
                                                                    </td>
                                                                </tr>

                                                            @endif

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        @elseif ($data && $data->getRole() == 'vendor' && !$data->hasTax())
                                        <p class="text-center text-primary">User has not uploaded tax information</p>
                                        @endif

                                        @if ($data && $data->getRole() == 'vendor')
                                            <div class="form-group">

                                                <label for="">Seller Details</label>
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped">
                                                        <thead>
                                                            <tr>
                                                                <th>Key</th>
                                                                <th>Value</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($data->getAllMeta() as $key => $item)
                                                                <tr>
                                                                    <td><strong>{{ ucwords(str_replace('_', ' ', $key)) }}</strong>
                                                                    </td>
                                                                    <td>{{ $item }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        @endif
                                        
                                      

                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-success result"
                                            role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"
                                            style="width: 0%" id="progressBar">0%</div>

                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                              <button type="button" onclick="window.history.back()" class="btn btn-rounded btn-warning btn-outline mr-1">
    <i class="ti-trash"></i> Cancel
</button>
                                <button type="submit" class="btn btn-rounded btn-primary btn-outline" onclick="progress()">
                                    <i class="ti-save-alt"></i> Save
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>

@endsection

@push('css')
    <style>
        .flexradio {
            display: flex;
            justify-content: space-evenly;
        }
    </style>
@endpush

@push('js')
    <script></script>
@endpush