@extends('companyuser::layouts.master')
@section('title', __('attachments::general-attachments.general_attachments'))
@section('extra_styles')
<script src="{{ asset('/js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
    <link href="{{ asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a
                        href="{{ route('company.general-attachments.index', $subdomain) }}">@lang('companyuser::sidebar.Attachments')</a></li>
                <li class="breadcrumb-item"><a href="#">@lang('attachments::general-attachments.general_attachments')</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
    <section>
        <div class="container-fluid">
            <div class="col-md-6 headTitle">
                <h3 class="py-half">@lang('superadmin::User.users')</h3>
            </div>
            <div class="headBtns mb-2 mx-1 fixed-btns" style="padding-bottom: 10px;">
                <div class="btn-group pull-right">
                    @can('attachments.general-attachments.create')
                        <a class="text-green" href="{{ route('company.general-attachments.create', $subdomain) }}"
                            title="@lang('Add')">
                            <span class="icon-Add action-icon"></span>
                        </a>
                    @endcan
                </div>
            </div>
            @include('superadmin::errors.lists')
            <div class="mt-1">
                <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse"
                    data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                    <div class="d-flex justify-content-between">
                        <span>@lang('Filter') </span><i class="fa fa-angle-down"></i>
                    </div>

                </button>
            </div>
            <div class="collapse filter-section-collapse" id="collapseExample">
                <form action="{{ route('company.general-attachments.index', ['subdomain' => $subdomain]) }}" method="GET"
                    class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                    @csrf
                    <div class="card card-body mb-0">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-12 w-100-ipad-portrait">
                                            <label for="supplier">@lang('purchases::purchase_bills.Supplier')</label>
                                        </div>
                                        <div class="col-md-12  w-100-ipad-portrait mb-1">
                                            <suppliers-dropdown-component
                                                :selected="{{ json_encode(\Modules\Purchases\Models\Supplier::getForDropdown(request('supplier'))) }}"
                                                :create-new="true"
                                                :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain]) }}'"
                                                :lang="'{{ app()->getLocale() }}'" :multi-select="false"
                                                :input-name="'supplier'" :display-key="'name'" 
                                                :translations="{
                                                    placeholder: '{{ __('purchases::supplier_receipts.select supplier') }}',
                                                    searchPlaceholder: '{{ __('purchases::suppliers.search_suppliers') }}',
                                                    noResultsText: '{{ __('purchases::suppliers.no_suppliers_found') }}',
                                                    createNewText: '{{ __('purchases::suppliers.add_new_supplier') }}'
                                                }" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-12 w-100-ipad-portrait">
                                            <label for="category">@lang('sales::invoices.Customer')</label>
                                        </div>
                                        <div class="col-md-12  w-100-ipad-portrait mb-1">
                                            <select name="customer" id="customer"
                                                class="w-100 py-1 form-control select2-tag h-45" style="width: 100%;">
                                                @forelse($customers as $key => $customer)
                                                    <option @if (request('customer') == $key) selected @endif
                                                        value="{{ $key }}">{{ $customer }}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="text-left mt-2">
                            <button type="submit" class="btn btn-info mr-1 mb-1 p-5">
                                <img src="{{ asset('assets/images/Done.png') }}" alt="done" width="35px">
                            </button>
                            <button type="reset" id="reset" class="btn btn-warning mb-1 p-5"> <span
                                    class="icon-Delete f-32"></span></button>
                        </div>
                    </div>
                </form>
            </div>
            <section id="configuration">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="card-body collapse in">
                                <table
                                    class="table table-striped table-column dataex-res-configuration  @if (app()->getlocale() == 'ar') ar-language-file @endif"
                                    style="width:100%;display: inline-table;">
                                    <thead>
                                        <tr>
                                            <th>@lang('attachments::general-attachments.title')</th>
                                            <th>@lang('attachments::general-attachments.customer')</th>
                                            <th>@lang('attachments::general-attachments.supplier')</th>
                                            <th>@lang('attachments::general-attachments.added_by')</th>
                                            <th>@lang('attachments::general-attachments.size')</th>
                                            <th>@lang('Actions')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($attachments as $attachment)
                                            <tr>
                                                <td>{{ $attachment->title }}</td>
                                                <td>
                                                    @if ($attachment->customer)
                                                        <a
                                                            href="{{ route('company.customers.show', ['subdomain' => $subdomain, 'customer' => $attachment->customer->id]) }}">
                                                            {{ $attachment->customer->name }}
                                                        </a>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($attachment->supplier)
                                                        <a
                                                            href="{{ route('company.suppliers.show', ['subdomain' => $subdomain, 'supplier' => $attachment->supplier->id]) }}">
                                                            {{ $attachment->supplier->name }}
                                                        </a>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($attachment->addedBy && $attachment->addedBy->id == auth()->id())
                                                        @lang('attachments::general-attachments.you')
                                                    @else
                                                        {{ $attachment->addedBy->uname }}
                                                    @endif
                                                </td>
                                                <td>{{ $attachment->size }}</td>
                                                <td>
                                                    @can('attachments.general-attachments.view')
                                                        <a href="{{ $attachment->path }}"
                                                            class='btn btni rounded-circle font-small-2 btn-primary btn-xs text-white'
                                                            data-toggle="tooltip" data-placement="bottom" target="_blank"
                                                            title="@lang('Show')"><i class="fa fa-eye"></i>
                                                        </a>
                                                    @endcan
                                                    @can('purchases.bills.create')
                                                        <a href="{{ route('company.bills.create', ['subdomain' => $subdomain, 'attachment_id' => $attachment->id, 'supplier' => $attachment->supplier]) }}"
                                                            class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-edit text-white'
                                                            data-toggle="tooltip" data-placement="bottom"
                                                            title="@lang('purchases::purchase_bills.create_purchase_bill')"><i class="fa fa-shopping-cart"></i></a>
                                                    @endcan
                                                    @can('purchases.expenses.create')
                                                        <a href="{{ route('company.expenses.create', ['subdomain' => $subdomain, 'attachment_id' => $attachment->id, 'payee' => $attachment->reference]) }}"
                                                            class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-edit text-white'
                                                            data-toggle="tooltip" data-placement="bottom"
                                                            title="@lang('purchases::expenses.create_expense')"><i class="fa fa-money"></i></a>
                                                    @endcan
                                                    @can('sales.invoices.create')
                                                        <a href="{{ route('company.invoices.create', ['subdomain' => $subdomain, 'attachment_id' => $attachment->id, 'customer' => $attachment->customer]) }}"
                                                            class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-edit text-white'
                                                            data-toggle="tooltip" data-placement="bottom"
                                                            title="@lang('sales::invoices.create_invoice')"><i class="fa fa-credit-card-alt"></i></a>
                                                    @endcan
                                                    @can('attachments.general-attachments.delete')
                                                        {{-- delete btn --}}
                                                        <a href="" target="_blank" class="delete-entries"
                                                            data-toggle="modal" data-target="#favoritesModal"
                                                            data-url="{{ route('company.general-attachments.destroy', ['subdomain' => $subdomain, 'attachment' => $attachment->id]) }}"
                                                            data-toggle="tooltip" data-placement="bottom"
                                                            title="@lang('Delete')">
                                                            <button
                                                                class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-delete'
                                                                data-toggle="tooltip" data-placement="bottom"
                                                                title="{{ __('Delete') }}">
                                                                <i class="fa fa-trash-o"></i></button>
                                                        </a>
                                                    @endcan
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
                aria-labelledby="favoritesModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                        </div>
                        <div class="modal-body">
                            <p> @lang('Are You Sure to delete this?')</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default mx-1"
                                data-dismiss="modal">@lang('Cancel')</button>
                            <span class="pull-right">
                                <form id="delete-form" action="" method="POST" class="form">
                                    @csrf
                                    @method('delete')
                                    <button type="submit" class="btn btn-primary">@lang('Continue')</button>
                                </form>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_attachments_general_attachments_list');
        console.log('web_attachments_general_attachments_list event');
    </script>
    <script>
        window.addEventListener('DOMContentLoaded', function() {
            $(document).ready(function() {
                // For A Delete Record Popup
                //handel desktop(click) and mobile(touchstart) browsers
                $(document).on('touchstart click', '.delete-entries', function() {
                    var url = $(this).attr('data-url');
                    $("#delete-form").attr("action", url);
                });

                //to reset filter dropdown menus
                $('#reset').click(function(e) {
                    e.preventDefault()
                    // here we made it val to work in both inputs and dropdown menu
                    $('.form-control').val("");
                    $('.select2-tag').select2({
                        allowClear: true
                    });
                    $('.select2-selection__clear').text("");
                    // or prop('selectedIndex',0);
                })
            });
        });
    </script>
@endsection