@extends('dashboard.dashboard_layouts.dashboard_master')

@section('admin_dashboard_title')
Community Request Edit
@endsection

@section('admin_dashboard_css')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <style type="text/css">
        .page-item.next a {
            width: 64px;
        }
        .page-item.prev a {
            width: 64px;
        }

    </style>
@endsection

@section('admin_dashboard_content')
<div class="content dashboard-content h-100">
    <h1 class="dashboard-content-h1">Edit Community request</h1>
    <div class="content-wrap">

        <!-- breadcrumb -->
        <div class="breadcrumb-header justify-content-between">
            <nav class="breadcrumb-4">
                <ol class="breadcrumb breadcrumb-style1">
                    @if($login_user->roles[0]->name == 'Admin')
                    <li class="breadcrumb-item">
                        <a href="{{ route('dashboard') }}">Dashboard</a>
                    </li>
                    @elseif($login_user->roles[0]->name == 'Client')
                    <li class="breadcrumb-item">
                        <a href="{{ route('client-dashboard') }}">Dashboard</a>
                    </li>
                    @endif
                    <li class="breadcrumb-item">
                        <a href="{{ route('community_request.index') }}">Over All Request</a>
                    </li>
                    <li class="breadcrumb-item active">edit Request</li>
                </ol>
            </nav>
        </div>
        <!-- breadcrumb -->

        <div class="card">
            <div class="card-body">
                <div class="border-start border-bottom border-right border-top-0 p-4 br-dark">
                    <h3 class="text-muted m-b-5 text-center pb-4" >Edit request</h3>
                    <form method="post"  id="updateform">
                        @csrf
                        <input type="hidden" name="id" value="{{$request->id}}">
                        <div class="align-items-center mt-auto">
                            <div class="row">
                                <div class="col-lg-6">
                                <h4 class="tx-15 text-uppercase mt-3">First Name</h4>
                                    <input type="text" value="{{$request->first_name}}" class="text-muted m-b-5 tx-14 form-control" name="first_name" id=""
                                        placeholder="Alica">
                                </div>
                                <div class="col-lg-6">
                                <h4 class="tx-15 text-uppercase mt-3">Last Name</h4>
                                    <input type="text" value="{{$request->last_name}}"  class="text-muted m-b-5 tx-14 form-control" name="last_name" id=""
                                        placeholder="Nestle">
                                </div>
                            </div>
                        </div>
                        <div class="m-t-30">
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Request</h4>
                                <select name="form_id" class="form-control">
                                     @foreach($forms as $form)
                                    <option value="{{$form->id}}" {{ $form->id ==$request->form_id ? 'selected' : '' }}>
                                        {{$form->name}}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Email</h4>
                                <input type="email" value="{{$request->email}}" class="text-muted m-b-5 tx-14 form-control" name="email" id=""
                                    placeholder="example@campaignrun.com">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Phone Number</h4>
                                <input type="text"  value="{{$request->phone}}" class="text-muted m-b-5 tx-14 form-control" name="phone" id=""
                                    placeholder="i.e 012345698">
                            </div>
                                  @if($call==$request->form_id)
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Date to Call</h4>
                                <input type="date"  value="{{$request->date_call}}" class="text-muted m-b-5 tx-14 form-control" name="date_call" id=""
                                    placeholder="2/December/2021">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Time to Call</h4>
                                <input type="time" value="{{$request->time_call}}" class="text-muted m-b-5 tx-14 form-control" name="time_call" id="" placeholder="11:00pm">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Discription</h4>
                                <textarea name="description" id="" cols="30" rows="3" class="text-muted m-b-5 tx-14 form-control">{{$request->description}} </textarea>
                            </div>
                           @elseif($face==$request->form_id)
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Date to Meet</h4>
                                <input type="date"  value="{{$request->date_meet}}" class="text-muted m-b-5 tx-14 form-control" name="date_meet" id=""
                                    placeholder="2/December/2021">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Time to Meet</h4>
                                <input type="time" value="{{$request->time_meet}}" class="text-muted m-b-5 tx-14 form-control" name="" id="" placeholder="11:00pm">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Address</h4>
                                <input type="text" value="{{$request->address}}" class="text-muted m-b-5 tx-14 form-control" name="address" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Discription</h4>
                                <textarea name="description" id="" cols="30" rows="3" class="text-muted m-b-5 tx-14 form-control">{{$request->description}} </textarea>
                            </div>
                                @elseif($message==$form->form_id)
                              <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Address</h4>
                                <input type="text" value="{{$request->address}}" class="text-muted m-b-5 tx-14 form-control" name="address" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            @elseif($yard==$request->form_id)
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Address</h4>
                                <input type="text" value="{{$request->address}}" class="text-muted m-b-5 tx-14 form-control" name="address" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            @elseif($vol==$request->form_id)
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Street Address</h4>
                                <input type="text" value="{{$request->address}}" class="text-muted m-b-5 tx-14 form-control" name="address" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">City</h4>
                                <input type="text" value="{{$request->city}}" class="text-muted m-b-5 tx-14 form-control" name="city" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Postal Code</h4>
                                <input type="text" value="{{$request->postal_code}}" class="text-muted m-b-5 tx-14 form-control" name="postal_code" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Date of Birth</h4>
                                <input type="date" value="{{$request->date_birth}}" class="text-muted m-b-5 tx-14 form-control" name="date_birth" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Discription</h4>
                                <textarea name="description" id="" cols="30" rows="3" class="text-muted m-b-5 tx-14 form-control">{{$request->description}} </textarea>
                            </div>
                            @elseif($speak==$request->form_id)
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Date</h4>
                                <input type="date" value="{{$request->date_event}}" class="text-muted m-b-5 tx-14 form-control" name="date_event" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Time</h4>
                                <input type="time" value="{{$request->time_event}}" class="text-muted m-b-5 tx-14 form-control" name="time_event" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3"> Address</h4>
                                <input type="text" value="{{$request->address}}" class="text-muted m-b-5 tx-14 form-control" name="address" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Discription</h4>
                                <textarea name="description" id="" cols="30" rows="3" class="text-muted m-b-5 tx-14 form-control">{{$request->description}} </textarea>
                            </div>
                             @elseif($donate==$request->form_id)
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3"> Address</h4>
                                <input type="text" value="{{$request->address}}" class="text-muted m-b-5 tx-14 form-control" name="address" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                                                <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">City</h4>
                                <input type="text" value="{{$request->city}}" class="text-muted m-b-5 tx-14 form-control" name="city" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                             <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Postal Code</h4>
                                <input type="text" value="{{$request->postal_code}}" class="text-muted m-b-5 tx-14 form-control" name="postal_code" id=""
                                    placeholder="toronto,street#12,canada">
                            </div>
                            @endif
                            <div class=" p-t-10">
                                <h4 class="tx-15 text-uppercase mt-3">Status</h4>
                                <select class="form-control" name="status">
                                    @if($request->status == 0)
                                        <option value="0">Pending</option>
                                        <option value="1">Open</option>
                                        <option value="2">Complete</option>
                                    @elseif($request->status == 1)
                                        <option value="1">Open</option>
                                        <option value="0">Pending</option>
                                        <option value="2">Complete</option>
                                    @elseif($request->status == 2)
                                        <option value="2">Complete</option>
                                        <option value="0">Pending</option>
                                        <option value="1">Open</option>
                                    @endif
                                </select>
                            </div>
                        </div>
                        <button class="btn btn-info justify-content-end mt-2" id="btnSubmit"> <i class="fa fa-spinner fa-spin"
                        style="display:none;"></i> Update</button>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection

@section('admin_dashboard_script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.10/dist/sweetalert2.all.min.js"></script>
    <script src="{{ asset('js.dom-to-image.js') }}"></script>

    <script>
        $(document).ready(function(){
            $("#updateform").on('submit', (function (e) {
                e.preventDefault();
                $.ajax({
                    url: "/community-request/update",
                    type: "post",
                    data: new FormData(this),
                    dataType: "JSON",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    processData: false,
                    contentType: false,
                    cache: false,
                    beforeSend: function () {
                        $("#btnSubmit").attr('disabled', true);
                        $(".fa-spin").css('display', 'inline-block');
                    },
                    complete: function () {
                        $("#btnSubmit").attr('disabled', false);
                        $(".fa-spin").css('display', 'none');
                    },
                    success: function (response) {
                        console.log(response)
                        if (response["status"] == "fail") {
                            toastr.error('Failed',response["msg"])
                        } else if (response["status"] == "success") {
                            toastr.success('Success',response["msg"])
                            // $("#updateform")[0].reset();
                            window.location.href = "{{route('community_request.index')}}";
                        }
                    },
                    error: function (error) {
                        console.log(error);
                    }
                });
            }));

            function disableAlert(alr) {
                $("#" + alr).css("display", "none");
            }
        });
    </script>
@endsection