@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_suppliers.suppliers')</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item active">@lang('dashboard_suppliers.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_suppliers.fast_operations')</h4>
                    <div>
                        <a class="popup-form btn btn-primary" href="#addsupplier">@lang('dashboard_suppliers.add_supplier')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-danger"
                            href="{{ route('dashboard.suppliers.index.inactive') }}">@lang('dashboard_suppliers.inactive_suppliers')<i
                                class="mdi mdi-block-helper"></i> </a>
                    </div>
                    <div class="card mfp-hide mfp-popup-form mx-auto" id="addsupplier">
                        <div class="card-body">
                            <h4 class="mt-0 mb-4">@lang('dashboard_suppliers.add_n_supplier')</h4>
                            <form method="POST" action="{{ route('dashboard.suppliers.store') }}">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="name">@lang('dashboard_suppliers.company_name') </label>
                                            <input type="text" name="company_name" value="{{ old('company_name') }}"
                                                class="form-control" id="name"
                                                placeholder="@lang('dashboard_suppliers.e_company_name')" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="firstname">@lang('dashboard_suppliers.first_name') </label>
                                            <input type="text" class="form-control" value="{{ old('first_name') }}"
                                                name="first_name" id="firstname"
                                                placeholder="@lang('dashboard_suppliers.e_first_name')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="middle"> @lang('dashboard_suppliers.middle_name') </label>
                                            <input type="text" class="form-control" value="{{ old('middle_name') }}"
                                                name="middle_name" id="middle"
                                                placeholder="@lang('dashboard_suppliers.e_middle_name')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="family">@lang('dashboard_suppliers.last_name')</label>
                                            <input type="text" class="form-control" value="{{ old('last_name') }}"
                                                name="last_name" id="family"
                                                placeholder="@lang('dashboard_suppliers.e_last_name')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="email">@lang('dashboard_suppliers.email')</label>
                                            <input type="email" class="form-control" value="{{ old('email') }}" name="email"
                                                id="email" placeholder="123455 @lang('dashboard_suppliers.example')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="mobile">@lang('dashboard_suppliers.mobile_number')</label>
                                            <input type="number" class="form-control" value="{{ old('mobile_number') }}"
                                                name="mobile_number" id="mobile"
                                                placeholder="123455 @lang('dashboard_suppliers.example')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="homephone">@lang('dashboard_suppliers.phone_number')</label>
                                            <input type="number" class="form-control" value="{{ old('phone_number') }}"
                                                name="phone_number" id="homephone"
                                                placeholder="123455 @lang('dashboard_suppliers.example')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="fax">@lang('dashboard_suppliers.fax') </label>
                                            <input type="number" class="form-control" value="{{ old('fax') }}" name="fax"
                                                id="fax" placeholder="123455 @lang('dashboard_suppliers.example')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="website">@lang('dashboard_suppliers.website') </label>
                                            <input type="text" class="form-control" value="{{ old('website') }}"
                                                name="website" id="website"
                                                placeholder="@lang('dashboard_suppliers.example') google.com">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label class="mb-0" for="country">@lang('dashboard_suppliers.sending_address')</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="country">@lang('dashboard_suppliers.country') </label>
                                            <input type="text" class="form-control" value="{{ old('country') }}"
                                                name="country" id="country" placeholder="saudia">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="city">@lang('dashboard_suppliers.city') </label>
                                            <input type="text" class="form-control" value="{{ old('city') }}" name="city"
                                                id="city" placeholder="makka">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="street">@lang('dashboard_suppliers.street') </label>
                                            <input type="text" class="form-control" value="{{ old('street') }}"
                                                name="street" id="street" placeholder="133 naser street">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="postalcode">@lang('dashboard_suppliers.postal_code') </label>
                                            <input type="text" class="form-control" value="{{ old('postal_code') }}"
                                                name="postal_code" id="postalcode" placeholder="71111">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="subject">@lang('dashboard_suppliers.notes')</label>
                                            <textarea class="form-control" id="subject" name="notes" style="resize: none"
                                                rows="3">{{ old('notes') }}</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_suppliers.execution')</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="card mfp-hide mfp-popup-form mx-auto" id="importcsv">
                        <div class="card-body">
                            <h4 class="mt-0 mb-4">@lang('dashboard_suppliers.importcsv')</h4>
                            <form>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">@lang('dashboard_suppliers.choose_bank')</label>
                                        <select class="form-control select2">
                                            <option>@lang('dashboard_suppliers.choose_bank')</option>
                                            <optgroup label="Alaskan/Hawaiian Time Zone">
                                                <option value="AK">@lang('dashboard_suppliers.account_1')</option>
                                                <option value="HI">@lang('dashboard_suppliers.account_2')</option>
                                            </optgroup>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">@lang('dashboard_suppliers.choose_csv') </label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="customFile">
                                            <label class="custom-file-label"
                                                for="customFile">@lang('dashboard_suppliers.choose_file')</label>
                                        </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_suppliers.execute_operation')</button>
                                </div>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">@lang('dashboard_suppliers.suppliers')</h4>
                        <p class="card-title-desc">@lang('dashboard_suppliers.find_suplliers')</p>
                        <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                                <tr>
                                    <th data-priority="1">@lang('dashboard_suppliers.suppliers')</th>
                                    <th data-priority="3">@lang('dashboard_suppliers.balance')</th>
                                    <th data-priority="3">@lang('dashboard_suppliers.accounting_procedure')</th>
                                    <th data-priority="1">@lang('dashboard_suppliers.procedure') </th>
                                    <th data-priority="1">@lang('dashboard_suppliers.supplier_action') </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($suppliers as $supplier)
                                    <tr>
                                        <th style="width: 180px; white-space: normal"><a href="{{ route('dashboard.suppliers.show',$supplier) }}">{{ $supplier->company_name }}</a></span></th>
                                        <td>{{ $supplier->balance }}</td>
                                        <td>
                                            <p style=" @if($supplier->isActive) color:green @else color:red @endif">
                                                {{ $supplier->status }}</p>
                                        </td>
                                        <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_suppliers.procedure') <i class="mdi mdi-chevron-down"></i>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                    <a class="dropdown-item"
                                                        href="{{ route('dashboard.suppliers.invoices.create',$supplier) }}">@lang('dashboard_suppliers.invoice_registration')
                                                    </a>
                                                    <a class="dropdown-item" href="{{route('dashboard.suppliers.addcashexpense')}}">@lang('dashboard_suppliers.Register_cash')
                                                    </a>
                                                    <a class="dropdown-item"
                                                        href="{{route('dashboard.suppliers.regcheck')}}">@lang('dashboard_suppliers.Register_check')</a>
                                                    <a class="dropdown-item"
                                                        href="{{route('dashboard.suppliers.buyorder')}}">@lang('dashboard_suppliers.Register_purchase')</a>
                                                    <a class="dropdown-item"
                                                        href="{{ route('dashboard.suppliers.advance.payment.index',$supplier) }}">@lang('dashboard_suppliers.payment_registration')</a>
                                                    <a class="dropdown-item"
                                                        href="{{route('dashboard.suppliers.refundsupplier')}}">@lang('dashboard_suppliers.register_refund')</a>
                                                    <a class="dropdown-item"
                                                    href="{{route('dashboard.suppliers.invoices.edit')}}">@lang('dashboard_suppliers.edit_invoice')</a>
                        
                                                                                   
                                                <a class="dropdown-item"
                                                href="{{route('dashboard.suppliers.invoices.pay')}}">@lang('dashboard_clients.pay_invoice')</a>

                                                    <a class="dropdown-item"
                                                    href="{{route('dashboard.suppliers.noticedebtsupplier')}}">@lang('dashboard_suppliers.registering_credit')</a>
                        
                                                   {{--  <a class="dropdown-item"
                                                    href="{{route('dashboard.suppliers.cloneinvoice')}}">@lang('dashboard_suppliers.duplicate_invoice') </a> --}}
                        
                                                    <div class="card mfp-hide mfp-popup-form mx-auto" id="editsupplier{{ $supplier->id }}">
                                                        <div class="card-body">
                                                            <h4 class="mt-0 mb-4">@lang('dashboard_suppliers.supplier_modify')</h4>
                                                            <form method="POST"
                                                                action="{{ route('dashboard.suppliers.update',$supplier) }}">
                                                                @csrf
                                                                @method('PUT')
                                                                <div class="row">
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="name">@lang('dashboard_suppliers.company_name')
                                                                            </label>
                                                                            <input type="text" name="company_name"
                                                                                value="{{ old('company_name',$supplier->company_name) }}"
                                                                                class="form-control" id="name"
                                                                                placeholder="@lang('dashboard_suppliers.e_company_name')"
                                                                                required>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="firstname">@lang('dashboard_suppliers.first_name')
                                                                            </label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('first_name',$supplier->first_name) }}"
                                                                                name="first_name" id="firstname"
                                                                                placeholder="@lang('dashboard_suppliers.e_first_name')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="middle">@lang('dashboard_suppliers.middle_name')
                                                                            </label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('middle_name',$supplier->middle_name) }}"
                                                                                name="middle_name" id="middle"
                                                                                placeholder="@lang('dashboard_suppliers.e_middle_name')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="family">@lang('dashboard_suppliers.last_name')</label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('last_name',$supplier->last_name) }}"
                                                                                name="last_name" id="family"
                                                                                placeholder="@lang('dashboard_suppliers.e_last_name')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="email">@lang('dashboard_suppliers.email')</label>
                                                                            <input type="email" class="form-control"
                                                                                value="{{ old('email',$supplier->email) }}"
                                                                                name="email" id="email"
                                                                                placeholder="123455 @lang('dashboard_suppliers.example')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="mobile">@lang('dashboard_suppliers.mobile_number')</label>
                                                                            <input type="string" class="form-control"
                                                                                value="{{ old('mobile_number',$supplier->mobile_number) }}"
                                                                                name="mobile_number" id="mobile"
                                                                                placeholder="123455 @lang('dashboard_suppliers.example')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="homephone">@lang('dashboard_suppliers.phone_number')
                                                                            </label>
                                                                            <input type="string" class="form-control"
                                                                                value="{{ old('phone_number',$supplier->phone_number) }}"
                                                                                name="phone_number" id="homephone"
                                                                                placeholder="123455 @lang('dashboard_suppliers.example')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label for="fax">@lang('dashboard_suppliers.fax')
                                                                            </label>
                                                                            <input type="string" class="form-control"
                                                                                value="{{ old('fax',$supplier->fax) }}"
                                                                                name="fax" id="fax"
                                                                                placeholder="123455 @lang('dashboard_suppliers.example')">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="website">@lang('dashboard_suppliers.website')
                                                                            </label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('website',$supplier->website) }}"
                                                                                name="website" id="website"
                                                                                placeholder="@lang('dashboard_suppliers.example') google.com">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="country">@lang('dashboard_suppliers.country')
                                                                            </label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('country',$supplier->country) }}"
                                                                                name="country" id="country"
                                                                                placeholder="saudia">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="form-group">
                                                                            <label for="city">@lang('dashboard_suppliers.city')
                                                                            </label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('city',$supplier->city) }}"
                                                                                name="city" id="city" placeholder="makka">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="street">@lang('dashboard_suppliers.street')
                                                                            </label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('street',$supplier->street) }}"
                                                                                name="street" id="street"
                                                                                placeholder="133 naser street">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="postalcode">@lang('dashboard_suppliers.postal_code')</label>
                                                                            <input type="text" class="form-control"
                                                                                value="{{ old('postal_code',$supplier->postal_code) }}"
                                                                                name="postal_code" id="postalcode"
                                                                                placeholder="71111">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="form-group">
                                                                            <label
                                                                                for="subject">@lang('dashboard_suppliers.notes')</label>
                                                                            <textarea class="form-control" id="subject"
                                                                                name="notes"
                                                                                rows="3">{{ old('notes',$supplier->notes) }}</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_suppliers.execution')</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <a class="popup-form btn btn-primary"
                                                    href="#editsupplier{{ $supplier->id }}">@lang('dashboard_suppliers.supplier_modify') </a>
                                                    <form action="{{ route('dashboard.suppliers.change.supplier.status',$supplier) }}"
                                                    method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <button
                                                        class="btn @if($supplier->isActive) btn-danger @else btn-success @endif"
                                                        type="submit">@if($supplier->isActive)
                                                        @lang('dashboard_suppliers.account_inactive') @else
                                                        @lang('dashboard_suppliers.account_active') @endif </button>
                                                </form>
                                            </div>
                                        </td>
                                    </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="card mfp-hide mfp-popup-form mx-auto" id="edittrans">
                            <div class="card-body">
                                <h4 class="mt-0 mb-4">@lang('dashboard_suppliers.Action_on_transaction')</h4>
                                <form>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="control-label">@lang('dashboard_suppliers.type')</label>
                                                <select class="form-control select2">
                                                    <option>@lang('dashboard_suppliers.account_type')</option>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">credit card</option>
                                                        <option value="HI">@lang('dashboard_suppliers.else')
                                                        <option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="control-label">@lang('dashboard_suppliers.department')</label>
                                                <select class="form-control select2">
                                                    <option>@lang('dashboard_suppliers.choose_department')</option>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">@lang('dashboard_suppliers.department_1')
                                                        </option>
                                                        <option value="HI">@lang('dashboard_suppliers.department_2')
                                                        </option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="subject">@lang('dashboard_suppliers.tax_code')</label>
                                                <select class="form-control select2">
                                                    <option>@lang('dashboard_suppliers.c_tax_code')</option>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">@lang('dashboard_suppliers.department_1')1
                                                        </option>
                                                        <option value="HI">@lang('dashboard_suppliers.department_2')
                                                        </option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="subject">@lang('dashboard_suppliers.comparison') ( class )
                                                </label>
                                                <select class="form-control select2">
                                                    <option>@lang('dashboard_suppliers.choose_comparison')</option>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">@lang('dashboard_suppliers.department_1')
                                                        </option>
                                                        <option value="HI">@lang('dashboard_suppliers.department_2')
                                                        </option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="subject">@lang('dashboard_suppliers.add_location') </label>
                                                <select class="form-control select2">
                                                    <option>@lang('dashboard_suppliers.add_location')</option>
                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
                                                        <option value="AK">@lang('dashboard_suppliers.saudi')</option>
                                                        <option value="HI">@lang('dashboard_suppliers.egypt')</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="subject">@lang('dashboard_suppliers.explanatory_points')</label>
                                                <textarea class="form-control" id="subject" rows="3"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('dashboard_suppliers.upload_file') </label>
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input" id="customFile">
                                                <label class="custom-file-label"
                                                    for="customFile">@lang('dashboard_suppliers.choose_file')</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="text-right">
                                                <button type="submit"
                                                    class="btn btn-primary">@lang('dashboard_suppliers.execution')</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end col -->
        </div>
        <!-- end row -->
    </div>
    <!-- End Page-content -->
@endsection