@extends('../../master_layout/admin_master')


@section('title')
<title>{{config('constants.APP_NAME')}} Plan for Country</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Plan Pricing - for {{ $country->country_name }}</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.country.list')}}" target="">Countries</a></li>
                        <li class="breadcrumb-item active"> Price</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- <div class="col-md-12">
                    <div class="card card-primary">
                        <div class="card-body">
                            <div class="row m-1">
                                <div class="col-md-3">
                                    <label for="">Plan Name</label>
                                    <p></p>
                                </div>
                            </div>

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



                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">
                        <!-- form start -->
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-sm text-sm">
                                        <thead>
                                            <tr>
                                                <th style="width:30%" class="text-center">Days</th>
                                                <th style="width:30%" class="text-center">Amount</th>
                                                <th class="text-center">Status</th>
                                                <th style="width:15%" class="text-center">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>         
                                            @if(isset($plans) && !empty($plans))   
                                                @foreach($plans as $plan)                                
                                                    <tr class="bg-dark">
                                                        <td colspan="4">
                                                            <h5>{{$plan->plan_name}}</h5>
                                                                                                                        <div class="">
                                                                @if($cp_is_blocked)
                                                                <a href="{{route('admin.plan.country.status',['country'=>$country->country_id, 'plan'=>$plan->plan_id,'blocked'=>$cp_is_blocked])}}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure?')">Blocked</a>
                                                                @else
                                                                <a href="{{route('admin.plan.country.status',['country'=>$country->country_id, 'plan'=>$plan->plan_id,'blocked'=>$cp_is_blocked])}}" class="btn btn-sm btn-success" onclick="return confirm('Are you sure?')">Active</a>
                                                                @endif
                                                            </div>
                                                        </td>
                                                    </tr>
                                                

                                                @if(isset($plan->pricing) && !empty($plan->pricing))
                                                    @foreach($plan->pricing as $pricing)
                                                                                                        <tr @if($cp_is_blocked == '1') class="table-danger" @else class="table-success" @endif>

                                                        <td class="text-center">{{$pricing->plan_days}} Days</td>
                                                        <td class="text-center">
                                                            <input type="text" name="edit_amount_{{$pricing->plan_pricing_id}}" value="{{$cp_amount}}" class="form-control" id="edit_amount_{{$pricing->plan_pricing_id}}">
                                                        </td>
                                                        <td class="text-center">
                                                            <select name="edit_isblocked_{{$pricing->plan_pricing_id}}" class="form-control" id="edit_isblocked_{{$pricing->plan_pricing_id}}">
                                                                <option value="">Select</option>
                                                                <option value="0" >Active</option>
                                                                <option value="1" >Blocked</option>
                                                            </select>
                                                        </td>
                                                        <td class="text-center">
                                                            <button type="button" id="btn_update_pricing_{{$pricing->plan_pricing_id}}" onclick="update_pricing('{{$pricing->plan_pricing_id}}')" class="btn btn-warning">Update</button>
                                                            <!-- <button type="button" id="btn_delete_pricing_{{$pricing->plan_pricing_id}}" onclick="delete_pricing('{{$pricing->plan_pricing_id}}')" class="btn btn-danger">Delete</button> -->
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                @endif

                                            @endforeach
                                            @endif

                                        </tbody>
                                    </table>

                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <a href="{{route('admin.country.list')}}" class="btn btn-dark float-right">Back</a>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
</div>


@endsection

@section('custom_js')

<script>
    function update_pricing(pricing) {
        if (pricing > 0) {
            var amount = $('#edit_amount_' + pricing).val();
            var is_blocked = $('#edit_isblocked_' + pricing).val();
            var country_id = '{{$country->country_id}}';
            
        }
        var form_data = {
            amount: amount,
            is_blocked: is_blocked,
            plan_pricing_id:pricing,
            country_id: country_id
        };

        var conf = confirm("Are you sure?");
        if (conf == false)
            return false;
        $.ajax({
            url: '{{route("admin.plan.price.countryupdate")}}',
            type: "POST",
            data: form_data,
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.result == true) {
                    location.reload();
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                location.reload();
            }
        });
    }

    function delete_schedule(schedule) {
        var conf = confirm("Are you sure? you want to delete this schedule.");
        if (conf == false)
            return false;
        var form_data = {};
        if (schedule > 0) {
            form_data.schedule_id = schedule;
        }
        $.ajax({
            url: '',
            type: "POST",
            data: form_data,
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.result == true) {
                    location.reload();
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
            }
        });
    }
</script>
@endsection