@extends('layouts.master')

@section('link')
<link href="{!! asset('css/corporate/bootstrap_helper.css') !!}?20210830-1100" rel="stylesheet">
@stop

@include('corporate.layouts.header')

@section('content')
<div class="c-loader"></div>
<div class="container">
    <div style="max-width: 756px; margin: auto">
        <div style="display: flex; justify-content: space-between">
            <div>職員名：{{ $staff->last_name }} {{ $staff->first_name }}さん</div>
            {{--<button class="btn btn-primary" onclick="showModal('TicketModal')">チケット購入申請</button>--}}
            <a href="{{route('corporate.supportGet')}}?title={{Config::get('const.CRP017_TITLE_BUY_TICKET')}}">チケット購入申請はこちらから</a>
        </div>
        <div>
            【チケット配布枚数】
            <div class="d-flex">
                <input class="form-control" type="number" name="count" value="0" min="0" style="width: 5em" onchange="onCountChange(event)">枚
            </div>
            配布可能枚数：{{ $ticketCount }}
            <div>
                <button class="btn btn-danger" id="submitBtn" onclick="showModal('ConfirmModal')" disabled>確定</button>
            </div>
        </div>
        <div style="text-align: center">
            <a class="btn btn-primary" href="{{ url("corporate/memberList") }}">職員一覧へ戻る</a>
            <a  class="btn btn-primary"href="{{ url("corporate/member/$staff->id") }}">職員詳細へ戻る</a>
        </div>

        <div>
            <h3>配布履歴</h3>
            <table class="table">
                <thead>
                    <th>日時</th>
                    <th>枚数</th>
                    <th>操作ユーザー</th>
                </thead>
                <tbody>
                                    </tbody>
            </table>
        </div>
    </div>
</div>

<div id="ConfirmModal" class="modal fade" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                <p>一度確定したら取り消しはできません。</p>
                <p><span id="ticketCountToGive">0</span>枚配布しますか？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="btnCancel">キャンセル</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="showModal('PasswordModal')">はい</button>
            </div>
        </div>
    </div>
</div>

<div id="PasswordModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body delete-modal-title">
                <p>管理者パスワードを入力してください。</p>
                <input type="password" class="form-control" name="adminPassword" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACIUlEQVQ4EX2TOYhTURSG87IMihDsjGghBhFBmHFDHLWwSqcikk4RRKJgk0KL7C8bMpWpZtIqNkEUl1ZCgs0wOo0SxiLMDApWlgOPrH7/5b2QkYwX7jvn/uc//zl3edZ4PPbNGvF4fC4ajR5VrNvt/mo0Gr1ZPOtfgWw2e9Lv9+chX7cs64CS4Oxg3o9GI7tUKv0Q5o1dAiTfCgQCLwnOkfQOu+oSLyJ2A783HA7vIPLGxX0TgVwud4HKn0nc7Pf7N6vV6oZHkkX8FPG3uMfgXC0Wi2vCg/poUKGGcagQI3k7k8mcp5slcGswGDwpl8tfwGJg3xB6Dvey8vz6oH4C3iXcFYjbwiDeo1KafafkC3NjK7iL5ESFGQEUF7Sg+ifZdDp9GnMF/KGmfBdT2HCwZ7TwtrBPC7rQaav6Iv48rqZwg+F+p8hOMBj0IbxfMdMBrW5pAVGV/ztINByENkU0t5BIJEKRSOQ3Aj+Z57iFs1R5NK3EQS6HQqF1zmQdzpFWq3W42WwOTAf1er1PF2USFlC+qxMvFAr3HcexWX+QX6lUvsKpkTyPSEXJkw6MQ4S38Ljdbi8rmM/nY+CvgNcQqdH6U/xrYK9t244jZv6ByUOSiDdIfgBZ12U6dHEHu9TpdIr8F0OP692CtzaW/a6y3y0Wx5kbFHvGuXzkgf0xhKnPzA4UTyaTB8Ph8AvcHi3fnsrZ7Wore02YViqVOrRXXPhfqP8j6MYlawoAAAAASUVORK5CYII=&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;">
            </div>
            <div class="modal-footer">
                <a id="btnCancel" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> キャンセル</a>
                <a id="btnOK" class="btn btn-primary" onclick="giveTicketToUser()"><i class="fa "></i> はい</a>
            </div>

        </div>
    </div>
</div>

{{--
<div id="TicketModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">チケット購入申請</h4>
            </div>
            <div class="modal-body delete-modal-title">
                <p>チケット枚数を入力してください。</p>
                <div class="d-flex align-items-center">
                    <input class="form-control ml-5" id="ticketPurchaseCount" type="number" min="0">
                    <div class="ml-5">枚</div>
                </div>
            </div>
            <div class="modal-footer">
                <a id="btnCancel" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> キャンセル</a>
                <a id="btnOK" class="btn btn-primary" onclick="requestPurchase()">申請する</a>
            </div>
        </div>
    </div>
</div>
--}}
{{-- パスワード自動入力を阻止するためのダミーパスワードフォーム --}}
<input type="text" name="dummy_id" class="dummy-form"/>
<input type="password" name="DummyPass" class="dummy-form"/>
@stop

@section('layouts.footer')
    @include('corporate.layouts.footer')
@stop

@section('optionalJs')
<script src="{!! asset('js/corporate/jblend.js') !!}?20210823" type="text/javascript"></script>
<script>
    function onCountChange(e) {
        var count = e.target.value
        $('#submitBtn').prop('disabled', count > 0 ? null : true)
        $('#ticketCountToGive').text(count)
    }

    function giveTicketToUser() {
        $('.c-loader').fadeIn(200)
        postJblend('{{ url("corporate/memberTicket/give") }}', {
            id: {{ $staff->id }},
            count: $('[name=count]').val(),
            password: $('[name=adminPassword').val()
        }, '配布に成功しました。')
    }

{{--
    function requestPurchase() {
        $('.c-loader').fadeIn(200)
        postJblend('{{ url("corporate/ticket/requestPurchase") }}', {
            count: $('#ticketPurchaseCount').val()
        }, '申請完了しました。')
    }
--}}
</script>
@stop