@extends('dashboard.components.main')
@section('content')
<!-- ============================================================== -->
<!-- Start right Content here  -->
<!-- ============================================================== -->
<div class="main-content">
    <div class="page-content">
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="page-title mb-0 font-size-18">@lang('dashboard_clients.clients')</h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item active">@lang('dashboard_clients.welcome_platform') </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <!-- Errors -->
        @include('dashboard.components.errors')
        <!-- Success Message -->
        @if (session()->has('message'))
            <p class="alert alert-success text-center">
                {{ session()->get('message') }}
            </p>
        @endif
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">@lang('dashboard_clients.fast_operations')</h4>
                <div>
                    <a class="popup-form btn btn-primary" href="#addclient">@lang('dashboard_clients.add_client') <i
                            class="mdi mdi-plus-thick"></i> </a>
                            @if(Route::currentRouteName() == "dashboard.clients.index")

                            <a class="btn btn-danger"
                                href="{{ route('dashboard.clients.index.inactive') }}">@lang('dashboard_clients.inactive_customers')
                                <i class="mdi mdi-block-helper"></i> </a>
                            @else

                            <a class="btn btn-success"
                                href="{{ route('dashboard.clients.index') }}">@lang('dashboard_clients.active_customers')
                                <i class="mdi mdi-account"></i> </a>
                            @endif
                </div>
                <div class="card mfp-hide mfp-popup-form mx-auto" id="addclient">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4">@lang('dashboard_clients.add_client')</h4>
                        <form action="{{ route('dashboard.clients.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="name">@lang('dashboard_clients.company_name') </label>
                                        <input type="text" name="company_name" value="{{ old('company_name') }}"
                                            required class="form-control" id="name"
                                            placeholder="@lang('dashboard_clients.e_company_name')">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="firstname"> @lang('dashboard_clients.first_name') </label>
                                        <input type="text" name="first_name" value="{{ old('first_name') }}"
                                            class="form-control" id="firstname" required
                                            placeholder="@lang('dashboard_clients.e_first_name')">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="middle"> @lang('dashboard_clients.middle_name')</label>
                                        <input type="text" name="middle_name" value="{{ old('middle_name') }}"
                                            class="form-control" id="middle" required
                                            placeholder="@lang('dashboard_clients.e_middle_name')">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="family">@lang('dashboard_clients.last_name')</label>
                                        <input type="text" name="last_name" value="{{ old('last_name') }}"
                                            class="form-control" id="family" required
                                            placeholder="@lang('dashboard_clients.e_last_name')">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="email">@lang('dashboard_clients.email')</label>
                                        <input type="email" name="email" required value="{{ old('email') }}" class="form-control"
                                            id="email" placeholder="@lang('dashboard_clients.example') email@example.com">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="mobile">@lang('dashboard_clients.mobile_number')</label>
                                        <input type="number" name="mobile_number" value="{{ old('mobile_number') }}"
                                            class="form-control" id="mobile" required
                                            placeholder="@lang('dashboard_clients.example') 0111111111">
                                        </div>
                                    </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="homephone">@lang('dashboard_clients.phone_number')</label>
                                        <input type="number" name="phone_number" value="{{ old('phone_number') }}"
                                        class="form-control" id="homephone"
                                        placeholder="@lang('dashboard_clients.example') 00966515555153">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="fax"> @lang('dashboard_clients.fax')</label>
                                        <input type="number" name="fax" value="{{ old('fax') }}" class="form-control"
                                            id="fax" placeholder="@lang('dashboard_clients.example') 0090115551234">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="website">@lang('dashboard_clients.website') </label>
                                        <input type="text" name="website" value="{{ old('website') }}"
                                            class="form-control" id="website"
                                            placeholder="@lang('dashboard_clients.example') www.google.com">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('dashboard_clients.branched_from')</label>
                                        <select class="form-control select2" name="parent">
                                            <option selected value="0">@lang('dashboard_clients.unbranched')</option>
                                            @foreach($parents as $parent)
                                            <option value="{{ $parent->id }}"
                                                {{ (old("parent") == $parent->id ? "selected":"") }}>{{ $parent->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <!-- Shipping Address -->
                            <label>@lang('dashboard_clients.sending_address')</label>
                            <div class="row">

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="country"> @lang('dashboard_clients.country') </label>
                                        <input type="text" name="country" value="{{ old('country') }}"
                                            class="form-control" id="country" placeholder="saudia">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="city"> @lang('dashboard_clients.city') </label>
                                        <input type="text" name="city" value="{{ old('city') }}" class="form-control"
                                            id="city" placeholder="makka">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="street"> @lang('dashboard_clients.street') </label>
                                        <input type="text" name="street" value="{{ old('street') }}"
                                            class="form-control" id="street" placeholder="133 naser street">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="postalcode"> @lang('dashboard_clients.postal_code') </label>
                                        <input type="text" name="postal_code" value="{{ old('postal_code') }}"
                                            class="form-control" id="postalcode" placeholder="71111">
                                    </div>
                                </div>

                            </div>

                            <!-- Shipping Address -->
                            <label>@lang('dashboard_clients.shipping_address')</label>
                            <div class="row">

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="country"> @lang('dashboard_clients.country') </label>
                                        <input type="text" name="shipping_country" value="{{ old('shipping_country') }}"
                                            class="form-control" id="country" placeholder="saudia">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="city"> @lang('dashboard_clients.city') </label>
                                        <input type="text" name="shipping_city" value="{{ old('shipping_city') }}" class="form-control"
                                            id="city" placeholder="makka">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="street"> @lang('dashboard_clients.street') </label>
                                        <input type="text" name="shipping_street" value="{{ old('shipping_street') }}"
                                            class="form-control" id="street" placeholder="133 naser street">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="postalcode"> @lang('dashboard_clients.postal_code') </label>
                                        <input type="text" name="shipping_postal_code" value="{{ old('shipping_postal_code') }}"
                                            class="form-control" id="postalcode" placeholder="71111">
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="subject">@lang('dashboard_clients.notes')</label>
                                        <textarea class="form-control" id="subject" rows="3"
                                            name="notes">{{ old('notes') }}</textarea>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="subject">@lang('dashboard_clients.tax_information')</label>
                                        <textarea class="form-control" id="subject" rows="3"
                                            name="tax_information">{{ old('tax_information') }}</textarea>
                                    </div>
                                </div>
                            </div>

                            <!-- Upload file -->
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label class="control-label">@lang('dashboard_clients.attach_file')</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="customFile" name="file">
                                            <label class="custom-file-label" for="customFile">@lang('dashboard_clients.choose_file')</label>
                                            <p hidden id="uploaded-file"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit"
                                            class="btn btn-primary">@lang('dashboard_clients.execution')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
        
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">@lang('dashboard_clients.clients')</h4>
                        <p class="card-title-desc">@lang('dashboard_clients.find_customers')</p>
                        <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap clients-data-table"
                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                                <tr>
                                    <th data-priority="1" style="width: 250px; white-space: normal">@lang('dashboard_clients.clients')</th>
                                    <th data-priority="3" style="width: 100px; white-space: normal">@lang('dashboard_clients.balance')</th>
                                    <th data-priority="1" style="width: 150px; white-space: normal">@lang('dashboard_clients.accounting_procedure')</th>
                                    <th data-priority="1">@lang('dashboard_clients.customer_action') </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($clients as $client)
                                <tr>
                                    <th style="width: 180px; white-space: normal"><a href="{{ route('dashboard.clients.show',$client) }}"> {{ $client->name}} </a></span></th>
                                    <td>{{ $client->balance }}</td>
                                    @if (count($client->project)>0)
                                    <td>
                                        <div class="btn-group" role="group">
                                            <button id="btnGroupVerticalDrop1" type="button"
                                                class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">
                                                @lang('dashboard_clients.procedure') <i
                                                    class="mdi mdi-chevron-down"></i>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                
                                                {{-- commented at 20 12 2020 --}}
    
                                                    <a class="dropdown-item" href="{{ route('dashboard.invoices.create',$client->project->first()) }}">
                                                    @lang('dashboard_clients.invoice_registration')</a>
    
                                                    <a class="dropdown-item" href="{{ route('dashboard.clients.addvouchercash') }}">
                                                    @lang('dashboard_clients.register_cash') </a>
    
                                                {{-- priceoffer --}}
                                                    <a class="dropdown-item"
                                                    href="{{route('dashboard.priceoffer.add')}}">@lang('dashboard_clients.register_quote') </a>
    
                                                    {{-- Advance payment --}}
    
                                                <a class="dropdown-item"
                                                    href="{{route('dashboard.advance.payment.index')}}">@lang('dashboard_clients.payment_registration')</a>
    
                                                    <a class="dropdown-item" href="{{route('dashboard.clients.sellorder')}}">
                                                    @lang('dashboard_clients.register_order')</a>
    
                                                    <a class="dropdown-item" href="{{route('dashboard.clients.refundclient')}}">
                                                    @lang('dashboard_clients.register_refund')</a>
    
                                                    <a class="dropdown-item" href="{{route('dashboard.clients.noticedebt')}}">
                                                    @lang('dashboard_clients.registering_credit')</a>
    
                                                {{-- <a class="dropdown-item"
                                                    href="{{route('dashboard.clients.cloneinvoice')}}">@lang('dashboard_clients.duplicate_invoice') </a> --}}
    
                                                    <a class="dropdown-item"
                                                    href="{{route('dashboard.invoices.edit')}}">@lang('dashboard_clients.edit_invoice') </a>

                                                    
                                                <a class="dropdown-item"
                                                    href="{{route('dashboard.clients.payinvoice')}}">@lang('dashboard_clients.pay_invoice')</a>
    
                                                {{-- <a class="dropdown-item"
                                                    href="{{route('soon')}}">@lang('dashboard_clients.account_statement') </a> --}}
                                            </div>
                                        </div>
                                    </td>
                                    @else
                                    <td style="width: 100px; white-space: normal">
                                    @if($client->isActive)
                                        <a class="btn btn-primary"
                                        href="{{ route('dashboard.projects.index') }}"> @lang('buttons.add') @lang('dashboard_projects.project') </a>
                                    @endif
                                
                                </td>
                                    @endif
                                    {{-- Actions --}}
                                    <td>
                                        <div class="btn-group" role="group">

                                            <button id="clientsOptions" type="button"
                                                    class="bg-transparent border-0 text-primary dropdown-toggle" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false"><i class="mdi  mdi-dots-vertical"></i>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="clientsOptions">

                                                <a class="popup-form dropdown-item "
                                                    href="#editclient{{ $client->id }}">@lang('dashboard_clients.client_modify') </a>

                                                    <form action="{{ route('dashboard.clients.change.client.status',$client) }}"
                                                    method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <button
                                                        class=" dropdown-item @if($client->isActive) text-danger @else text-success @endif"
                                                        type="submit">
                                                        <b>
                                                            @if($client->isActive)
                                                            @lang('dashboard_clients.stop_client') @else
                                                            @lang('dashboard_clients.customer_activation') @endif </button>
                                                        </b>
                                                </form>
                                                
                                                @if($client->parent == 0)
                                                <b>

                                                <form action="{{ route('dashboard.clients.show.sub.client',$client) }}"
                                                method="GET">
                                                <button
                                                    class=" dropdown-item text-warning">@lang('dashboard_clients.show_sub_clients')
                                                </button>
                                                </form>
                                            </b>
                                                @endif

                                                @if($client->file)  
                                                <a class="dropdown-item"
                                                    href="{{ route('dashboard.clients.download',$client->id) }}">@lang('buttons.download')</a>
                                                @endif

                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <div class="card mfp-hide mfp-popup-form mx-auto" id="editclient{{ $client->id }}">
                                    <div class="card-body">
                                        <form action="{{ route('dashboard.clients.update',$client) }}"
                                            method="POST">
                                            @csrf
                                            @method('PUT')
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="name">@lang('dashboard_clients.company_name')
                                                        </label>
                                                        <input type="text" name="company_name"
                                                            value="{{ old('company_name',$client->company_name) }}"
                                                            class="form-control" id="name"
                                                            placeholder="@lang('dashboard_clients.e_company_name')">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="firstname">@lang('dashboard_clients.first_name')</label>
                                                        <input type="text" name="first_name"
                                                            value="{{ old('first_name',$client->first_name) }}"
                                                            class="form-control" id="firstname"
                                                            placeholder="@lang('dashboard_clients.e_first_name')"
                                                            required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="middle">@lang('dashboard_clients.middle_name')
                                                        </label>
                                                        <input type="text" name="middle_name"
                                                            value="{{ old('middle_name',$client->middle_name) }}"
                                                            class="form-control" id="middle"
                                                            placeholder="@lang('dashboard_clients.e_middle_name')"
                                                            required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="family">@lang('dashboard_clients.last_name')</label>
                                                        <input type="text" name="last_name"
                                                            value="{{ old('last_name',$client->last_name) }}"
                                                            class="form-control" id="family"
                                                            placeholder="@lang('dashboard_clients.e_last_name')"
                                                            required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="email">@lang('dashboard_clients.email')</label>
                                                        <input type="email" name="email"
                                                            value="{{ old('email',$client->email) }}"
                                                            class="form-control" id="email"
                                                            placeholder="123455 @lang('dashboard_clients.example')">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="mobile">@lang('dashboard_clients.mobile_number')</label>
                                                        <input type="number" name="mobile_number"
                                                            value="{{ old('mobile_number',$client->mobile_number) }}"
                                                            class="form-control" id="mobile"
                                                            placeholder="123455 @lang('dashboard_clients.example')">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="homephone">@lang('dashboard_clients.phone_number')</label>
                                                        <input type="number" name="phone_number"
                                                            value="{{ old('phone_number',$client->phone_number) }}"
                                                            class="form-control" id="homephone"
                                                            placeholder="123455 @lang('dashboard_clients.example')">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label for="fax">@lang('dashboard_clients.fax')
                                                        </label>
                                                        <input type="number" name="fax"
                                                            value="{{ old('fax',$client->fax) }}"
                                                            class="form-control" id="fax"
                                                            placeholder="123455 @lang('dashboard_clients.example')">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label
                                                            for="website">@lang('dashboard_clients.website')
                                                        </label>
                                                        <input type="text" name="website"
                                                            value="{{ old('website',$client->website) }}"
                                                            class="form-control" id="website"
                                                            placeholder="@lang('dashboard_clients.example') google.com"
                                                            required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label>@lang('dashboard_clients.branched_from')</label>
                                                        <select class="form-control select2" name="parent">
                                                            <option selected value="0">
                                                                @lang('dashboard_clients.unbranched')
                                                            </option>
                                                            @foreach($parents as $parent)
                                                            <option value="{{ $parent->id }}"
                                                                {{ (old("parent") == $parent->id ? "selected":"") }}>
                                                                {{ $parent->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label
                                                            for="country">@lang('dashboard_clients.country')
                                                        </label>
                                                        <input type="text" name="country"
                                                            value="{{ old('country',$client->country) }}"
                                                            class="form-control" id="country"
                                                            placeholder="saudia" required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label for="city">@lang('dashboard_clients.city')
                                                        </label>
                                                        <input type="text" name="city"
                                                            value="{{ old('city',$client->city) }}"
                                                            class="form-control" id="city"
                                                            placeholder="makka" required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label
                                                            for="street">@lang('dashboard_clients.street')
                                                        </label>
                                                        <input type="text" name="street"
                                                            value="{{ old('street',$client->street) }}"
                                                            class="form-control" id="street"
                                                            placeholder="133 naser street" required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label
                                                            for="postalcode">@lang('dashboard_clients.postal_code')
                                                        </label>
                                                        <input type="text" name="postal_code"
                                                            value="{{ old('postal_code',$client->postal_code) }}"
                                                            class="form-control" id="postalcode"
                                                            placeholder="71111" required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label
                                                            for="subject">@lang('dashboard_clients.notes')</label>
                                                        <textarea class="form-control" id="subject" rows="3"
                                                            name="notes">{{ old('notes',$client->notes) }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label
                                                            for="subject">@lang('dashboard_clients.tax_information')</label>
                                                        <textarea class="form-control" id="subject" rows="3"
                                                            name="tax_information">{{ old('tax_information',$client->tax_information) }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="text-right">
                                                        <button type="submit"
                                                            class="btn btn-primary">@lang('dashboard_clients.execution')</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <!-- end col -->
        </div>
        <!-- end row -->
    </div>
    <!-- End Page-content -->
    @endsection
    @section('custom_script')


    @endsection