@extends((Auth::user()->Role->role == 'Superadmin') ? 'layouts.admin.app': ((Auth::user()->Role->role == 'Admin') ? 'layouts.admin.app' : 'layouts.user.survey'));
@section('content')
<link rel="stylesheet" href="{{asset('admin/lib/select2/css/select2.min.css')}}">
<style>
    .datatable-cell span {
        color: white;
    }

    .datatable-row th,
    td {
        width: auto
    }

    .paginate_button {
        padding: 5px;
        background: #172e43;
        color: white;
        margin: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .previous {
        padding: 5px;
        background: #172e43;
        color: white;
        margin: 5px;
    }

    .next {
        padding: 5px;
        background: #172e43;
        color: white;
        margin: 5px;
    }

    .dataTables_paginate {
        float: right
    }

    .current {
        background: #68541a;
    }

    .ellipsis {
        font-size: 25px;
    }

    .dataTables_filter {
        float: right
    }

    .border-r-0 {
        border-radius: 0px
    }

    .btn.btn-primary {
        background-color: #897230fa;
        border-color: #897230fa;
    }

    .btn.btn-primary.focus:not(.btn-text),
    .btn.btn-primary:focus:not(.btn-text),
    .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
        background-color: #68541a;
        border-color: #68541a;
    }

    .btn-style2 {
        border-radius: 0px;
        color: white;
        border: 1px solid white;
        background: #27283d;
    }

    .uprtable tr td {
        padding: 10px;
    }

    .detailtable tr {
        border: 1px solid black !important
    }

    .table th,
    .table td {
        border-top: 1px solid black;
        border-right: 1px solid black;
    }

</style>

<div class="d-flex flex-column-fluid">
    <div class="container">
        <div class="card card-custom">
            <div class="card-body text-center">
                <h2 class="title">Use Profile Survey </h2>
            </div>
        </div>
        <br>
        <div class="card card-custom">
            <div class="card-body mb-3">
                <table class="uprtable" style="width:100%">
                    <thead>
                        <tr>
                            <th style="width:50%"></th>
                            <th style="width:50%"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr style="border: 1px solid black;">
                            <td>Madde Adı<br>Substance Name:</td>
                            <td>{{$data->cas_name}}</td>
                        </tr>
                        <tr style="border: 1px solid black;">
                            <td>CAS no:</td>
                            <td>{{$data->cas_no}}</td>
                        </tr>
                        <tr style="border: 1px solid black;">
                            <td>Şirket Adı<br>Name of the Company:</td>
                            <td>{{ $data->company_name }}</td>
                        </tr>
                        <tr style="border: 1px solid black;">
                            <td>Alıcının Adı<br>Name of the Buyer:</td>
                            <td>{{ $data->buyer_name }}</td>
                        </tr>
                    </tbody>
                </table>

                <div class="row form-group">

                    @foreach($details as $key => $value)
                    <table class="detailtable table" style="border-color: #172e43;border: 1px solid #172e43;margin: 10px;">
                        <thead>
                            <tr>
                                <th style="width:20%">Tanımlanmış Kullanım Adı<br>Identified Use Name</th>
                                <th class="text-center" style="width:30%">Kullanım Kodu<br>Use Code</th>
                                <th class="text-center" style="width:20%;">Notlar<br>Remark</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><label>Kullanım Türü<br>Sector of Use :</label></td>
                                <td>

                                    @foreach($sectornames as $key => $n)
                                    @if($value->sector_names_id == $n->id)
                                                                        @endif
                                    @endforeach

                                </td>
                                <td class="text-center"></td>
                            </tr>
                            <tr>
                                <td><label>Kullanım Sektörü<br>Sector of Use</label></td>
                                <td>
                                    @foreach($sectors as $key => $n)
                                    @if(in_array($n->id, explode('|', $value->sector_use_code)))
                                    {{$n->srno}} -                                     <br>
                                    @endif
                                    @endforeach
                                </td>
                                

                                <td>
                                    {{$value->sector_remark}}
                                </td>
                            </tr>
                            <tr>
                                <td> <label>Ürün Kategorisi<br>Product category</label></td>
                                <td>
                                    @foreach($products as $key => $n)
                                    @if(in_array($n->id, explode('|', $value->product_category_use_code)))
                                    {{$n->srno}} - <br>
                                    @endif
                                    @endforeach
                                </td>
                                
                                <td>
                                    {{$value->product_category_remark}}
                                </td>
                            </tr>
                            <tr>
                                <td><label>Süreç Kategorisi<br>Process Category</label></td>
                                <td>
                                    @foreach($process as $key => $n)
                                    @if(in_array($n->id, explode('|', $value->process_category_use_code)))
                                    {{$n->srno}} - <br>
                                    @endif
                                    @endforeach
                                </td>
                                
                                <td>
                                    {{$value->process_category_remark}}
                                </td>
                            </tr>
                            <tr>
                                <td> <label>Eşyanın İçindeki Madde<br>Substance in article</label></td>
                                <td>
                                    @foreach($articles as $key => $n)
                                    @if(in_array($n->id, explode('|', $value->sub_article_use_code)))
                                    {{$n->srno}} - <br>
                                    @endif
                                    @endforeach
                                </td>
                                
                                <td>
                                    {{$value->sub_article_remark}}
                                </td>
                            </tr>
                            <tr>
                                <td> <label>Çevresel Salınım Kategorisi<br>Environmental Release Categories</label></td>
                                <td>
                                    @foreach($enviroments as $key => $n)
                                    @if(in_array($n->id, explode('|', $value->env_use_code)))
                                    {{$n->srno}} - <br>
                                    @endif
                                    @endforeach
                                </td>
                                
                                <td>
                                    {{$value->env_remark}}
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Eşyanın Teknik Fonksiyonu<br>Technical function of the substance</label>
                                </td>
                                <td>
                                    @foreach($technicals as $key => $n)
                                    @if(in_array($n->id, explode('|', $value->tech_use_code)))
                                    {{$n->srno}} -  <br>
                                    @endif
                                    @endforeach
                                </td>
                                
                                <td>
                                                                    </td>
                            </tr>
                            <tr>
                                <td><label>Açıklama için<br>Use Description</label></td>
                                <td>
                                                                    </td>
                            </tr>
                        </tbody>
                    </table>
                    @endforeach
                    <div id="multipletext">
                    </div>
                </div>
                @if(Auth::user()->Role->role == 'Superadmin' || Auth::user()->Role->role == 'Admin')
                <a href="/gpclrmainportal/user-profile-survey" class="btn btn-style1 text-white">Back</a>
                @else
                <a href="/home" class="btn btn-style1 text-white">Back</a>
                @endif

            </div>
        </div>
    </div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script src="{{asset('admin/lib/select2/js/select2.min.js')}}"></script>
<script type="text/javascript">
    $.ajaxSetup({
        _headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
        , get headers() {
            return this._headers;
        }
        , set headers(value) {
            this._headers = value;
        }
    , });
    $('.addmore').on('click', function() {
        var count = $('#mycount').val();
        $.ajax({
            type: "Post"
            , dataType: "json"
            , url: '/addmore/' + count
            , success: function(response) {
                console.clear()
                $('#multipletext').append(response.html);
                $('#mycount').val(response.count);

                selectRefresh();
            }
        });


    });
    $(document).ready(function() {
        $("#multipletext").on("click", ".remove", function() {
            $(this).closest("table").remove();
        });
        $('.select2-show-search').select2({
            tags: true
            , placeholder: "Select an Option"
            , allowClear: true
        , });
    })

    function selectRefresh() {
        $('#multipletext .select2-show-search').select2({
            tags: true
            , placeholder: "Select an Option"
            , allowClear: true
        , });
    }

</script>
@endsection