@extends('adminlte::page')

@section('title', 'HeroLegend')

@section('content_header')
    <!-- <h1>Dashboard</h1> -->
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            @include('layouts.message')
        </div>

        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Log Diamond ( Member: {{$member->member_name}} [ ID: {{$member->member_id}} ])</h3>
                </div>
                <div class="box-body">
                    <a href="{{route('index-members', ['id' =>$member->member_server])}}"  title="Back" style="float: left;">
                        <button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</button>
                    </a>

                    <br><br>

                    <div class="class=col-sm-12">
                        <table class="table">
                            <thead>
                                <h3 style="text-align: center">Diamond Buy</h3>
                            </thead>
                            <tbody>
                            <tr style="text-align: center">
                                <th>#</th>
                                <th>Buy Number</th>
                                <th>Buy Time</th>
                                <th>Buy Money</th>
                                <th>Actions</th>
                            </tr>
                                @foreach($buy_diamond as $value)
                                <tr>
                                    <td>{{$value->diamond_buy_id}}</td>
                                    <td>{{$value->diamond_buy_number}}</td>
                                    <td>{{date("d/m/Y h:i:sA e",$value->diamond_buy_time)}}</td>
                                    <td>{{$value->diamond_buy_money}}</td>
                                    <td>
                                        <button
                                                id="show-edit-buy-modal-btn"
                                                class="btn btn-primary btn-sm"
                                                data-toggle="modal"
                                                data-target="#edit-buy-modal"
                                                data-id="{{$value->diamond_buy_id}}"
                                                data-buy-number="{{$value->diamond_buy_number}}"
                                                data-buy-money="{{$value->diamond_buy_money}}"
                                        >Edit
                                        <button
                                                id="delete-buy-btn"
                                                class="btn btn-danger btn-sm"
                                                data-id="{{$value->diamond_buy_id}}"
                                        >Delete
                                        </button>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <table class="table">
                            <thead>
                                <h3 style="text-align: center">Diamond Use</h3>
                            </thead>
                            <tbody>
                            <tr style="text-align: center">
                                <th>#</th>
                                <th>Use Number</th>
                                <th>Use Time</th>
                                <th>Actions</th>
                            </tr>
                            @foreach($use_diamond as $value)
                                <tr>
                                    <td>{{$value->diamond_use_id}}</td>
                                    <td>{{$value->diamond_use_number}}</td>
                                    <td>{{date("d/m/Y h:i:sA e",$value->diamond_use_time)}}</td>
                                    <td>
                                        <button
                                                id="show-edit-use-modal-btn"
                                                class="btn btn-primary btn-sm"
                                                data-toggle="modal"
                                                data-target="#edit-use-modal"
                                                data-id="{{$value->diamond_use_id}}"
                                                data-use-number="{{$value->diamond_use_number}}"
                                                data-use-money="{{$value->diamond_use_money}}"
                                        >Edit
                                        <button
                                                id="delete-use-btn"
                                                class="btn btn-danger btn-sm"
                                                data-id="{{$value->diamond_use_id}}"
                                        >Delete
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div class="modal fade" id="edit-buy-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <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>
                                        <h3 class="modal-title">Edit Diamond Buy</h3>
                                    </div>
                                    <div class="modal-body">
                                        <form id="edit-buy-form" action="{{route('update-diamond-buy', ['idUser' => $member->member_id])}}" method="post">
                                            {{ csrf_field() }}
                                            <div class="form-group">
                                                <label class="col-form-label">Buy Id</label>
                                                <input id="buy-id-show" disabled class="form-control" type="number" value="">
                                                <input id="buy-id" class="form-control" type="hidden" name="buy_id">
                                            </div>
                                            <div class="form-group">
                                                <label for="buy-number" class="col-form-label">Buy Number</label>
                                                <input type="number" class="form-control" id="buy-number" name="buy_number">
                                            </div>
                                            <div class="form-group">
                                                <label for="buy-money" class="col-form-label">Buy Money</label>
                                                <input type="number" step="0.01" class="form-control" id="buy-money" name="buy_money">
                                            </div>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button id="submit-edit-buy-btn" type="button" class="btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::open(['route' => ['delete-diamond-buy', $member->member_id], 'method' => 'DELETE', 'enctype' => 'multipart/form-data', 'class' => 'form-horizontal', 'id'=> 'delete-diamond-buy-form']) !!}
                        {!! Form::token() !!}
                        <input id="buy-id" type="hidden" value="" name="buy_id">
                        {!! Form::close() !!}

                        <div class="modal fade" id="edit-use-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <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>
                                        <h3 class="modal-title">Edit Diamond Use</h3>
                                    </div>
                                    <div class="modal-body">
                                        <form id="edit-use-form" action="{{route('update-diamond-use', ['idUser' => $member->member_id])}}" method="post">
                                            {{ csrf_field() }}
                                            <div class="form-group">
                                                <label class="col-form-label">Use Id</label>
                                                <input id="use-id-show" disabled class="form-control" type="number" value="">
                                                <input id="use-id" class="form-control" type="hidden" name="use_id">
                                            </div>
                                            <div class="form-group">
                                                <label for="use-number" class="col-form-label">Use Number</label>
                                                <input type="number" class="form-control" id="use-number" name="use_number">
                                            </div>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button id="submit-edit-use-btn" type="button" class="btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {!! Form::open(['route' => ['delete-diamond-use', $member->member_id], 'method' => 'DELETE', 'enctype' => 'multipart/form-data', 'class' => 'form-horizontal', 'id'=> 'delete-diamond-use-form']) !!}
                        {!! Form::token() !!}
                        <input id="use-id" type="hidden" value="" name="use_id">
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript">
        $(document)
            .on("click", "#delete-buy-btn", function () {
            const id = $(this).data('id')
            $('input#buy-id').val(id)
            if (confirm("Are you sure?")) {
                $('form#delete-diamond-buy-form').submit()
            }
        })
            .on("click", "#delete-use-btn", function () {
            const id = $(this).data('id')
            $('input#use-id').val(id)
            if (confirm("Are you sure?")) {
                $('form#delete-diamond-use-form').submit()
            }
        })

        $(document).on("click", "#show-edit-buy-modal-btn", function () {
            let id = $(this).data('id');
            let buyNumber = $(this).data('buy-number');
            let buyMoney = $(this).data('buy-money');

            console.log(id)
            $("input#buy-id-show").val(id);
            $("input#buy-id").val(id);
            $("input#buy-number").val(buyNumber);
            $("input#buy-money").val(buyMoney);
        });
        $(document).on("click", "#submit-edit-buy-btn", function () {
            $("form#edit-buy-form").submit()
        })

        $(document).on("click", "#show-edit-use-modal-btn", function () {
            let id = $(this).data('id');
            let useNumber = $(this).data('use-number');

            $("input#use-id-show").val(id);
            $("input#use-id").val(id);
            $("input#use-number").val(useNumber);
        });
        $(document).on("click", "#submit-edit-use-btn", function () {
            $("form#edit-use-form").submit()
        })
    </script>
@endsection