@extends('layouts.back-end.body')
@section('content')

<div class="app-content pt-3 p-md-3 p-lg-4">
    <div class="container-xl">
		<div class="row g-3 align-items-center justify-content-between">
			<div class="col-auto">
            <h1 class="app-page-title"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-trophy" viewBox="0 0 16 16">
  <path d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935zM3.504 1c.007.517.026 1.006.056 1.469.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.501.501 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667.03-.463.049-.952.056-1.469H3.504z"/>
</svg> <span class="sub-navicate">{{__("message.customer")}}{{__("message.code")}} <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
            <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
            </svg> @if($title) {{__("message.edit")}} @endif</h1></span>
			</div>
            @if($title == 'View')
			<div class="col-auto no-padding-margin" id="back-to-list">
                        <div class="page-utilities">
                            <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                                <div class="col-auto">
                                    <div class="table-search-form row gx-1 align-items-center">
                                        <div class="col-auto">
                                        <a href="{{route('empty-winner.index')}}"><button type="button" onclick="redirect_back();" class="btn btn-warning float-right cancel-margin"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
                </svg> {{__("message.go back")}}</button></a>
                                        </div>
                                    </div>
                                </div><!--//col-->
                            </div><!--//row-->
                        </div><!--//table-utilities-->
                    </div><!--//col-auto-->
			</div>
            @endif
		</div>
    
		<form class="form-horizontal" id="form-empty-winner" method="POST" action="{{ !isset($row)?route('empty-winner.store'):route('empty-winner.update',$row->id) }}" enctype="multipart/form-data">
		@csrf
			@if (isset($row))
				<input name="_method" type="hidden" value="PUT">
				<input type="hidden" name="user_id" value="{{isset($row['user']) ? $row['user']['id'] : 0 }}">
			@endif
			<div class="app-card app-card-notification shadow-sm mb-4">
				<div class="app-card-body p-4 input-p-4">
					<div class="col-lg-12 col-md-12 col-sm-12 row middle-decoration slide-padding">
						<div class="col-lg-4 col-md-4 col-sm-12 tab-language">
							<label>{{__("message.phone")}} <span class="red">*</span></label>
							<input type="text" class="form-control require-input" name="phone" value="{{isset($row['phone']) ? $row['phone'] : ''}}" placeholder="Please input">
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12 tab-language">
							<label>{{__("message.win amount")}}<span class="red">*</span></label>
							<input type="text" class="form-control require-input" name="win_amount" value="{{isset($row['win_amount']) ? $row['win_amount'] : ''}}" placeholder="Please input">
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12">
							<label style="margin-bottom: 0px;">{{__("message.description")}}</label>
							<textarea class="text-area" id="description" rows="4" name="description" placeholder="" style="margin-top: 10px;"></textarea>
						</div>
						<div class="col-lg-12 col-md-12 col-sm-12 input-next">
                            <div class="form-check">
								<input class="form-check-input" type="checkbox" name="is_active" value="{{isset($row['is_active']) ? $row['is_active'] : '1'}}" id="flexCheckApprove">
								<label class="form-check-label" for="flexCheckApprove">
									{{__("message.active")}}
								</label>
							</div>
						</div>
					</div>
				</div>
			</div>
            @if($title !== 'View')
			<div class="btn-save-change">
				<button type="submit" class="btn app-btn-primary float-right"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-check" viewBox="0 0 16 16">
				<path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
				<path d="M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
				</svg> {{__("message.save change")}}</button>

				<button type="button" onclick="redirect_back();" class="btn btn-warning float-right cancel-margin"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
				<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
				</svg> {{__("message.go back")}}</button>

			</div>
            @endif
		</form>
	</div>
</div>

<script type="text/javascript">

	$('#form-empty-winner :checkbox').change(function() {
		// this will contain a reference to the checkbox   
		if (this.checked) {
			$('#flexCheckApprove').val(1);
			$('#flexCheckApprove').attr('checked',true);
		} else {
			$('#flexCheckApprove').val(0);
			$('#flexCheckApprove').attr('checked',false);
		}
	});
	// redirect back to listing page
    function redirect_back(){
        location.href = '{{ url('/admin/empty-winner') }}';
    }
	// check user is approve or padding
	var is_active = $('#flexCheckApprove').val();
	if(is_active == 1){
		$('#flexCheckApprove').attr('checked',true);
	} else {
		$('#flexCheckApprove').attr('checked',false);
	}

    $(function () {
		var description =  `{{ isset($row->description) ? $row->description: "" }}`;
		$('#description').html(description);
    });
</script>
@endsection