@extends('layouts.admin')
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb  py-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('messages.Home') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.tasks.index') }}">{{ __('messages.Tasks') }}</a></li>
            <li class="breadcrumb-item">
                @php
                    $first_name = explode(' ', $user->name);
                    $first_name = $first_name[0];
                @endphp
                {{ $first_name }}
            </li>
        </ol>
    </nav>
    {{-- Start  Info --}}
    <div class="col-md-12">
        <div class="card">
            <form action="{{route("admin.tasks.chang-status",$task->id)}}" method="post">
                @csrf
                <input type="hidden" name="status" value=" {{ $task->status == 'create' ? 'pending' : 'done'  }}">
            <div class="d-flex justify-content-between card-header bg-light-subtle">

            <h5 class="">{{ __('messages.Customer data') }}
            </h5>
            @if ($task->status != 'done')
            <button class="btn btn-success">

                    {{ $task->status == 'create' ? __("messages.pending") : __("messages.done") }}
            </button>
            @else
            <span class="badge bg-success rounded-pill p-2">{{__("messages.done2")}}</span>
            @endif
            </div>
        </form>
            <div class="card-body">
                <div class="responsive-table-plugin">

                    <div class="table-rep-plugin">
                        <div class="table-responsive" data-pattern="priority-columns">
                            <table id="tech-companies-1" class="table table-striped">
                                <thead>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td class="border border-dark" style="min-width: 300px">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.Name') }}</div>
                                                <strong>
                                                    <div class="div">{{ $user->name }}</div>
                                                </strong>
                                            </div>
                                        </td>
                                        <td class="border border-dark" style="min-width: 300px">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.Company Name') }}</div>
                                                <strong>
                                                    <div class="div">
                                                        {{ $user->company_name ? $user->company_name : __('messages.unregistered') }}
                                                    </div>
                                                </strong>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div> <!-- end .table-responsive -->

                    </div> <!-- end .table-rep-plugin-->
                </div> <!-- end .responsive-table-plugin-->
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
    {{--  End  Info --}}
    {{-- Start  Info --}}
    <div class="col-md-12">
        <div class="card">
            <div class="d-flex justify-content-between card-header bg-light-subtle">

            <h5 class="">{{ __('messages.Task data') }}
            </h5>
            </div>
            <div class="card-body">
                <div class="responsive-table-plugin">

                    <div class="table-rep-plugin">
                        <div class="table-responsive" data-pattern="priority-columns">
                            <table id="tech-companies-1" class="table table-striped">
                                <thead>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td class="border border-dark" style="min-width: 300px">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.Title') }}</div>
                                                <strong>
                                                    <div class="div">{{ $task->title }}</div>
                                                </strong>
                                            </div>
                                        </td>
                                        <td class="border border-dark" style="min-width: 300px">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.Date') }}</div>
                                                <strong>
                                                    <div class="div">
                                                        {{ $user->date }}
                                                    </div>
                                                </strong>
                                            </div>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td class="border border-dark" style="min-width: 300px">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.Deal') }}</div>
                                                <strong>
                                                    <div class="div">{{ $task->deal?->title }}</div>
                                                </strong>
                                            </div>
                                        </td>
                                        <td class="border border-dark" style="min-width: 300px">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.custody') }}</div>
                                                <strong>
                                                    <div class="div">
                                                        {{ $user->custody }}
                                                    </div>
                                                </strong>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="border border-dark" style="min-width: 300px" colspan="2" rowspan="2">
                                            <div class="d-flex justify-content-between">
                                                <div class="div">{{ __('messages.Note') }}</div>
                                                <strong>
                                                    <div class="div">{{ $task->note_from_superadmin }}</div>
                                                </strong>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div> <!-- end .table-responsive -->

                    </div> <!-- end .table-rep-plugin-->
                </div> <!-- end .responsive-table-plugin-->
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
    {{--  End  Info --}}


    {{-- Start  folders --}}
    <div class="col-md-12">
        <div class="card">

            <div class="d-flex justify-content-between card-header bg-light-subtle">
                <h5>
                    {{ __('messages.Task folders') }}
                </h5>
                {{-- <div class="btn-group" role="group" aria-label="Basic outlined example">
                    <button class="btn btn-outline-info" data-bs-toggle="modal" data-bs-target="#login-modal"><i
                            class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</button>
                </div> --}}
            </div>
            <div class="card-body">

                <div class="row folders-user">
                    @if (!$task->folders->count())
                        <div class="folders-notfound">
                            <div class="text-center">
                                <img src="{{ asset('assets/images/empty_data.svg') }}" height="300" width="300">
                            </div>
                            <div class="text-center h3 text-dark">
                                {{ __('messages.There are no data') }} :(
                            </div>
                        </div>
                    @else
                        @foreach ($task->folders as $folder)
                            <div class="col-lg-3 col-md-4 col">
                                <div class="p-1 text-center">
                                    <a href="{{ route('admin.customers.folders.show', $folder->id) }}">
                                        <i class="mdi mdi-folder-open"
                                            style="font-size: 150px ; color:rgb(254 231 154)"></i>
                                        <div class="text-center ">{{ $folder->name }}</div>
                                    </a>
                                </div>
                            </div>
                        @endforeach


                </div>
                @endif
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
    {{--  End  folder --}}

    {{-- Start  folders --}}
    <div class="col-md-12">
        <div class="card">

            <div class="d-flex justify-content-between card-header bg-light-subtle">
                <h5>
                    {{ __('messages.Client Transaction') }}
                </h5>
                {{-- <div class="btn-group" role="group" aria-label="Basic outlined example">
                    <button class="btn btn-outline-info" data-bs-toggle="modal" data-bs-target="#login-modal"><i
                            class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</button>
                </div> --}}
            </div>
            <div class="card-body">

                @if (!$transactions->count())
                    <div class="text-center">
                        <img src="{{ asset('assets/images/empty_data.svg') }}" height="300" width="300">
                    </div>
                    <div class="text-center h3 text-dark">
                        {{ __('messages.There are no data') }} :(
                    </div>
                    <div class="text-center h3 text-dark">
                        <a href="{{ route('admin.transactions.create',$task->id) }}" class="btn btn-outline-info"><i
                                class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</a>

                    </div>
                @else
                    <div class="d-flex justify-content-between mb-3">
                        {{-- <div>{{ __('messages.Count : ') }} <strong>{{ $tasks->total() }}</strong></div> --}}
                        <div class="btn-group" role="group" aria-label="Basic outlined example">
                            <a href="{{ route('admin.transactions.create',$task->id) }}" class="btn btn-outline-info"><i
                                    class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</a>
                        </div>

                    </div>
                    <div class="responsive-table-plugin">

                        <div class="table-rep-plugin">
                            <div class="table-responsive" data-pattern="priority-columns">
                                <table id="tech-companies-1" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th data-priority="3">{{ __('messages.Title') }}</th>

                                            <th data-priority="3">{{ __('messages.Date created') }}</th>
                                            <th data-priority="3">{{ __('messages.Time created') }}</th>
                                            <th data-priority="3">{{ __('messages.Added by') }}</th>
                                            <th data-priority="3">{{ __('messages.Amount') }}</th>

                                            <th data-priority="3">{{ __('messages.Actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $i = 1;
                                            $skipCount = $transactions->perPage() * $transactions->currentPage() - $transactions->perPage();
                                        @endphp
                                        @foreach ($transactions as $transaction)
                                            <tr>
                                                <th>{{ $skipCount + $i }}</th>
                                                @php $i++  @endphp
                                                <td>{{$transaction->title}}</td>
                                                <td>
                                                    {{ date('Y / m / d', strtotime($transaction->created_at)) }}
                                                </td>


                                                <td>
                                                    {{ date('h:i a', strtotime($transaction->created_at)) }}
                                                </td>
                                                <td>
                                                    {{ $transaction->admin->name }}
                                                </td>

                                                <td class=" text-danger  ">  - {{$transaction->amount}}</td>

                                                <td style="white-space: nowrap; width: 1%;">
                                                    <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
                                                        <div class="btn-group btn-group-sm" style="float: none;">

                                                            <a href="{{ route('admin.transactions.edit', $transaction->id) }}"
                                                                title="{{ __('messages.Details') }}" type="button"
                                                                class="tabledit-edit-button btn btn-info"
                                                                style="float: none;">
                                                                <i class="mdi mdi-pencil-outline"></i>
                                                            </a>

                                                            <button data-bs-toggle="modal"
                                                                data-bs-target="#danger-alert-modal"
                                                                data-message="{{ __('messages.Are you sure you want to delete? You cannot undo it') }}"
                                                                data-url="{{ route('admin.transactions.destroy', $transaction->id) }}"
                                                                title="{{ __('messages.Delete') }}" type="button"
                                                                class="tabledit-edit-button btn mx-3 btn-danger btn-action"
                                                                style="float: none;">
                                                                <span class="mdi mdi-trash-can-outline"></span>
                                                            </button>

                                                        </div>



                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div> <!-- end .table-responsive -->
                             {{ $transactions->appends(Request::except(['_token']))->links()}}
                        </div> <!-- end .table-rep-plugin-->
                    </div> <!-- end .responsive-table-plugin-->
                @endif
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
    {{--  End  folder --}}

    {{-- Start  folders --}}
    <div class="col-md-12">
        <div class="card">

            <div class="d-flex justify-content-between card-header bg-light-subtle">
                <h5>
                    {{ __('messages.Client Notes') }}
                </h5>
                {{-- <div class="btn-group" role="group" aria-label="Basic outlined example">
                    <button class="btn btn-outline-info" data-bs-toggle="modal" data-bs-target="#login-modal"><i
                            class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</button>
                </div> --}}
            </div>
            <div class="card-body">

                @if (!$task_notes->count())
                    <div class="text-center">
                        <img src="{{ asset('assets/images/empty_data.svg') }}" height="300" width="300">
                    </div>
                    <div class="text-center h3 text-dark">
                        {{ __('messages.There are no data') }} :(
                    </div>
                    <div class="text-center h3 text-dark">
                        <a href="{{ route('admin.task-notes.create',$task->id) }}" class="btn btn-outline-info"><i
                                class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</a>

                    </div>
                @else
                    <div class="d-flex justify-content-between mb-3">
                        {{-- <div>{{ __('messages.Count : ') }} <strong>{{ $tasks->total() }}</strong></div> --}}
                        <div class="btn-group" role="group" aria-label="Basic outlined example">
                            <a href="{{ route('admin.task-notes.create',$task->id) }}" class="btn btn-outline-info"><i
                                    class="mdi mdi-plus-circle"></i> {{ __('messages.Create') }}</a>
                        </div>

                    </div>
                    <div class="responsive-table-plugin">

                        <div class="table-rep-plugin">
                            <div class="table-responsive" data-pattern="priority-columns">
                                <table id="tech-companies-1" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th data-priority="3">{{ __('messages.Descraption') }}</th>
                                            <th data-priority="3">{{ __('messages.Actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $i = 1;
                                            $skipCount = $task_notes->perPage() * $task_notes->currentPage() - $task_notes->perPage();
                                        @endphp
                                        @foreach ($task_notes as $note)
                                            <tr>
                                                <th>{{ $skipCount + $i }}</th>
                                                @php $i++  @endphp
                                                <td>{{$note->description}}</td>

                                                <td style="white-space: nowrap; width: 1%;">
                                                    <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
                                                        <div class="btn-group btn-group-sm" style="float: none;">

                                                            <a href="{{ route('admin.task-notes.edit', $note->id) }}"
                                                                title="{{ __('messages.Details') }}" type="button"
                                                                class="tabledit-edit-button btn btn-info"
                                                                style="float: none;">
                                                                <i class="mdi mdi-pencil-outline"></i>
                                                            </a>

                                                            <button data-bs-toggle="modal"
                                                                data-bs-target="#danger-alert-modal"
                                                                data-message="{{ __('messages.Are you sure you want to delete? You cannot undo it') }}"
                                                                data-url="{{ route('admin.task-notes.destroy', $note->id) }}"
                                                                title="{{ __('messages.Delete') }}" type="button"
                                                                class="tabledit-edit-button btn mx-3 btn-danger btn-action"
                                                                style="float: none;">
                                                                <span class="mdi mdi-trash-can-outline"></span>
                                                            </button>

                                                        </div>



                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div> <!-- end .table-responsive -->
                             {{ $transactions->appends(Request::except(['_token']))->links()}}
                        </div> <!-- end .table-rep-plugin-->
                    </div> <!-- end .responsive-table-plugin-->
                @endif
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
    {{--  End  folder --}}
    <!-- SignIn modal content -->
    <div id="login-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content rounded">
                <div class="modal-body">
                    <div class="auth-brand text-center mt-2 mb-4 position-relative top-0">
                        <h3>{{ __('messages.Add a new folder') }}</h3>
                    </div>

                    <form id="form_create_folder" method="POST" action="{{ route('admin.customers.folders.store') }}"
                        class="ps-3 pe-3">
                        @csrf
                        <input type="hidden" name="user_id" value="{{ $user->id }}">
                        <div class="mb-3">
                            <label for="inp_name" class="form-label">{{ __('messages.Name') }}</label>
                            <input class="form-control" type="text" name="name" id="inp_name" required=""
                                placeholder="{{ __('messages.Name') }}">
                            <span class="error_msg text-danger"></span>
                        </div>
                        <div class="mb-3 text-center">
                            <button class="btn  btn-primary btn-block" type="submit">{{ __('messages.Save') }}</button>
                        </div>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    @include('admin.inc.modal-action')
@endsection


@section('script')
<script src="{{asset("assets/js/requests-user.js")}}"></script>
    <script>
        $(function() {


            $("#form_create_folder").submit(function(e) {
                e.preventDefault()
                var data = $(this).serialize();
                var url = $(this).attr("action");
                var method = $(this).attr("method");
                $.ajax({
                    url,
                    method,
                    data,
                    success: function(res) {

                        $("#login-modal").modal("hide")

                        toast_alert("success", "{{ __('messages.done successfully') }}")

                        var name = $("#inp_name").val();
                        $(".folders-user").prepend(`
                   <div class="col-lg-3 col-md-4 col">
                        <div class="p-1 text-center">
                            <a href="${res.url}">
                                <i class="mdi mdi-folder-open" style="font-size: 150px ; color:rgb(254 231 154)"></i>
                                <div class="text-center ">${name}</div>
                            </a>
                        </div>
                    </div>
                   `)
                        $(".error_msg").html('')
                        $("#inp_name").val(null)
                        $(".folders-notfound").remove()

                    },
                    error: function(res) {
                        if (res.status == 422) {
                            $(".error_msg").html(res.responseJSON.message)
                        } else {
                            $(".error_msg").html("Server Error !")

                        }

                    }


                })
            })
        })
    </script>

@endsection