@extends("layouts.default")

@section("title", "Farmer Card")

@section("block-header")
    Farmer Card
    @if(auth()->user()->is_admin)
        <small>
            <a class="btn btn-primary btn-request-card" href="#">
                Request New Card
            </a>
        </small>
    @endif
@stop

@section("breadcrumb")
    @parent
    <li class="breadcrumb-item active">
        Farmer Card
    </li>
@stop
@section("content")
    <!-- Basic Table -->
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @includeWhen(Session::has("message"),"inc.alert")
            <div class="card">
                <div class="body">
                    <table class="table table-custom">
                        <thead>
                            <tr>
                                <th>Card ID</th>
                                <th>@lang('lang.farmer_name')</th>
                                <th>National ID</th>
                                <th class="text-center">Request Card Status</th>
                                <th class="text-center">Card Status</th>
                                <th class="text-center" width="80">@lang('lang.action')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($cards as $card)
                                                                <tr>
                                    <td>{{$card->id}}</td>
                                    <td>{{$info->first_name_kh . " " . $info->last_name_kh}}</td>
                                    <td>{{$info->national_id}}</td>
                                    <td class="text-center">{{$card->request_card_status}}</td>
                                    <td class="text-center">{{$card->card_status}}</td>
                                    <td class="text-center">
                                        <div class="dropdown dropdown-custom">
                                            <a class="dropdown-toggle" data-toggle="dropdown"
                                               aria-expanded="true">
                                                <i class="icon-list"></i>
                                            </a>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                @if($can_update_status)
                                                    <a class="change-card-status dropdown-item"
                                                       data-type="confirm"
                                                       data-url="{{ route('card.approve', $card->id) }}"
                                                       data-sms="@lang('lang.do_you_want_to_approve')"
                                                       href="#">
                                                        @lang('lang.approve')
                                                    </a>
                                                    <a class="change-card-status dropdown-item"
                                                       data-type="confirm"
                                                       data-url="{{ route('card.reject', $card->id) }}"
                                                       data-sms="@lang('lang.do_you_want_to_reject')"
                                                       href="#">
                                                        @lang('lang.reject')
                                                    </a>
                                                @endif
                                                <!-- <a class="change-card-status dropdown-item"
                                                   data-type="confirm"
                                                   data-url="{{ route('card.process', $card->id) }}"
                                                   data-sms="@lang('lang.do_you_want_to_process_card')"
                                                   href="#">
                                                    @lang('lang.process_card')
                                                </a> -->
                                                <a class="change-card-status dropdown-item"
                                                   data-type="confirm"
                                                   data-url="{{ route('card.check.status', $card->id) }}"
                                                   data-sms="Do you want to check card status?"
                                                   href="#">
                                                    Check Card Status
                                                </a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6">@lang('lang.empty',['name'=>trans('lang.card')])</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modal')
    @include('bongloy.request_card_modal')
    @include('bongloy.card_status_modal')
@stop

@section('script')
<script type="text/javascript">
    // btn request card
    const btnRequestCard = $(".btn-request-card");
    btnRequestCard.on("click", function () {
        var me = $(this);
        var frm = $("#frm-request-card");
        $("#modal-request-card").modal({
            backdrop: 'static',
            keyboard: false
        });
    });

    const changeCardStatus = $(".change-card-status");
    changeCardStatus.css("cursor", "pointer");
    changeCardStatus.on('click', function () {
        $("#modal-card-status").modal("show");
        const url = $(this).attr("data-url");
        $("#frm-card-status").attr("action", url);
        $(".sms").text($(this).attr("data-sms"));
    });

    // $('.select-farmer-id').on('change', function(){
    //     var me = $(this),
    //         farmer_id = me.val();
    //     var first_name = "",
    //         last_name = "",
    //         first_name_kh = "",
    //         last_name_kh = "",
    //         phone = "",
    //         email = "",
    //         national_id = "",
    //         note = "";
    //     $('.input-first-name').val(first_name);
    //     $('.input-last-name').val(last_name);
    //     $('.input-first-name-kh').val(first_name_kh);
    //     $('.input-last-name-kh').val(last_name_kh);
    // });

</script>
@stop